移動端還是使用雪碧圖 比較省流量;
使用字體icon圖標的時候,單單引入字體的文件和字體引用定義的css文件就差不多150kb以上了(室外訪問情況--3G甚至是2G這類人還是很多,會發現很慢,體驗很差),而雪碧圖最多也就10kb左右,不信你試試
使用字體icon圖標的時候,單單引入字體的文件和字體引用定義的css文件就差不多150kb以上了(室外訪問情況--3G甚至是2G這類人還是很多,會發現很慢,體驗很差),而雪碧圖最多也就10kb左右,不信你試試
2015-06-29
最贊回答 / Ab_Tang
那雪碧圖是兩排 ?其他分類那個在第二排的第一個 ?而位移是從左上角的0 0 位置開始移動 所以應該是向左移動雪碧圖 才能達到顯示目的 ?左移動的話 自然而然是-40px咯 ?不知道這么說明白了嗎?
2015-06-27
*{ margin:0;padding: 0;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}