css 图片 和 文本 的处理

图片

一、css3已经能够实现 img标签 和 img内图片分开处理的功能了。相似标签的背景图。   https://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/

　  图片的 object-fit 属性，是一个相似 background-size 功能的属性。

　　　　   object-position 属性，是一个相似 background-position 的属性

二、

 

 

 

 

---

文本

一、字体锯齿和反锯齿

　　什么是字体锯齿和反锯齿       参考 ：  http://www.cnblogs.com/Renyi-Fan/p/9006077.html#_label1

二、CSS 字体 大小

字体用相对单位，没法像标签宽度同样彻底随着相对量而改变。由于字体有最小值的。

因为浏览器对字体渲染有最底值（通常最小要求12px）的缘由。因此用相对单位必定要考虑汇算后，字体的大小不能小于12px，否则大一点的手机就会很小。每次用相对单位的话，必定要先知道多少相对单位大于12px(如:  iPhone6_375px宽度的手机，html的字体大小为50px，则里面的字体大小必须大于等于0.24rem，小于这个值的字体，在小屏幕中每什么影响，由于浏览器都是以12px渲染的，可是在大屏幕上就会渲染很小的字体。)