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渲染的，可是在大屏幕上就會渲染很小的字體。)