1.响应性图片等比例缩放
background-size:cover;背景填充
background-size:contain;
3.padding"10px 15px 一般放在输入框内真正涌入输入的数据,从而显示较大的宽度和距离
word-warp:break-word
transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0)这样的值。
4.1像素问题
1像素压缩,压缩原点位置确定、压缩方向确定、浏览器适应确定、
5.兄弟选择器可以区分开第一位和最后一位,可用于设置样式和选择元素
6.[class^="addsdsd"] [class=*="asdsad"]选择器
7.抗锯齿 font-smoothing:antialiased
antialiased 是让字体在 MacBook、surface 等 retina 屏幕上看起来更光滑,但是 在 Windows 下的 chrome 中却会导致文字很难看清,所以如果要用的话,这里的坑需要注意。
9transform:scale()缩放的是标签的显示属性么??
10.font-size:0去除因为在编写代码时disply:inline后者inline-block的标签候出现空格或者换行会出现空白间隙...使用font-size:0清除间隙....
11、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}取消浏览器默认的字体设置
-webkit-text-size-adjust放在body上会导致页面缩放失效:
body会继承定义在html的样式
用-webkit-text-size-adjust不要定义成可继承的或全局的:尽量不要在html,body设置这种属性....
12.文档网站:
苹果浏览器:https://developer.apple.com/library/content/navigation/