three.js基础,Symbol的使用,background-size: ,vw单位,Swiper插件、rem、em、padding:10px 15px默认标准、1像素问题、import、navigation、

前端之家收集整理的这篇文章主要介绍了three.js基础,Symbol的使用,background-size: ,vw单位,Swiper插件、rem、em、padding:10px 15px默认标准、1像素问题、import、navigation、前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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 中却会导致文字很难看清,所以如果要用的话,这里的坑需要注意。

8.

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/

字体:css-fonts-4/">https://drafts.csswg.org/css-...

猜你在找的程序笔记相关文章