今天一朋友问我，像微信这聊天模式，网页上可以实现不，然后正好手里事情不多，就研究了下，主要是小三角比较难做，就在网上找找资料，研究了下，出来了，嗯。兼容性，IE下，没有圆角。 上图： 好了，废话不多说，上Demo：http://demo.webjyh.com/bubble/ 下面为各位上代码： CSS代码 以下代码中缺少清楚浮动样式： .bubble { margin:0px auto; width:320px; } .demo { margin-bottom:20px; padding-left:50px; position:relative; } .triangle { position:absolute; top:50%; margin-top:-8px; left:42px; display:block; width:0; height:0; overflow:hidden;  [...]

记得 Long Long ago 就碰到这问题了。以前度娘解决了，没有记下，今天在次碰到了，于是又度娘了。。。所以度娘后 ，我决定记下。。。。 在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。 但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。 解决方案，添加一个私有属性到html选择器: html{-webkit-text-size-adjust: none;} 顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。