
CSS
晓晓是个打字员
这个作者很懒,什么都没留下…
展开
-
Chrome谷歌浏览器下不支持css字体小于12px
font-size: 12px;-webkit-transform : scale(0.85,0.85) ; *font-size:10px; //IE原创 2018-10-24 15:04:49 · 223 阅读 · 0 评论 -
浏览器调试:hover,:active,:visited,:focused样式
在web调试样式的时候,有时候想要查看元素的:hover或者:active的样式,却发现没有直接显示出来。这样就给我们调试造成了一些不方便。常用的chorme浏览器和火狐浏览器,其实提供了相应的查看方式:Chrome的开发者工具:找到并点击这个按钮, 选中:hover,你就能看见你所写的:hover样式了:火狐浏览器可以这样打开:...原创 2018-10-24 15:23:32 · 2599 阅读 · 0 评论 -
使用calc 函数 动态计算width
由于flex的兼容性对项目需求来说已经足够,所以最近经常使用flex来进行布局;最近遇到了一个需求,如下图所示:1.外部box的width是按屏幕的百分比自动计算出来的;2.需要始终保证1和2的的宽度一直是保持一致的。1的宽度,是{flex:33.33%};如果要保持2的宽度始终和1的一样,使用具体的数值显然是不方便换算的。这时候,使用calc() 函数,就会变得很高效便利。ca...原创 2019-02-14 14:11:15 · 1532 阅读 · 0 评论