M.J

M.J

All posts tagged “css”

CSS实现短信气泡对话框

CSS实现短信气泡对话框

今天一朋友问我,像微信这聊天模式,网页上可以实现不,然后正好手里事情不多,就研究了下,主要是小三角比较难做,就在网上找找资料,研究了下,出来了,嗯。兼容性,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;  [...]

解决中文版Chrome下不能显示小于12px的字体

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

回到顶部