現在移動端頁面用rem布局已經是一大流派了,成熟的框架如淘寶的flexiable.js,以及更輕量級的hotcss。用rem作單位使得元素能夠自適應后,還有一塊需要關注的,那就是背景圖片。本文就來聊聊這方面的東西。 rem布局 所謂rem布局就是指為文檔的根節點<html>元素設置 ...
現在移動端頁面用rem布局已經是一大流派了,成熟的框架如淘寶的flexiable.js,墨塵寫的更輕量級的hotcss。用rem作單位使得元素能夠自適應后,還有一塊需要關注的,那就是背景圖片。 rem布局 所謂rem布局就是指為文檔的根節點 lt html gt 元素設置一個基准字體大小,然后所有的元素尺寸都以rem為單位來寫。比如將 lt html gt 的字體設為 px,如果需要做一個 的元素 ...
2016-09-14 21:03 0 4115 推薦指數:
現在移動端頁面用rem布局已經是一大流派了,成熟的框架如淘寶的flexiable.js,以及更輕量級的hotcss。用rem作單位使得元素能夠自適應后,還有一塊需要關注的,那就是背景圖片。本文就來聊聊這方面的東西。 rem布局 所謂rem布局就是指為文檔的根節點<html>元素設置 ...
現在移動端頁面用rem布局已經是一大流派了,成熟的框架如淘寶的flexiable.js,以及我的好友@墨塵寫的更輕量級的hotcss。用rem作單位使得元素能夠自適應后,還有一塊需要關注的,那就是背景圖片。本文就來聊聊這方面的東西。 rem布局 所謂rem布局就是指為文檔的根節點< ...
你制作好了, 點擊PNG選項即可下載制作好的雪碧圖, 點擊css選項即可查看每個小圖標在雪碧圖中對應的x ...
...
background-repeat:默認是平鋪的,也即是還有空間的話將一張接着一張顯示 設置為 no-repeat 就最多顯示一張 background-attachment:設置是否固定圖片,在有滾動條的頁面,隨着滾動條的移動將會 ...
...
CSS Sprite,我們一般叫他雪碧圖或精靈圖,它是一種圖像拼合技術。該方法是將小圖標和背景圖像合並到一張圖片上,然后利用css的背景定位來顯示需要顯示的圖片部分。 雪碧圖的使用有以下幾個優點 減少圖片的字節。 減少網頁的http請求,從而大大的提高頁面的性能。 解決了網頁 ...
之前使用 幻殺博客提供的必應每日圖片API作為網站后台登陸頁面的背景圖片,一直都很穩定,但今天一大早過來 發現獲取不到背景圖片了,去到幻殺博客看到掛上了一個公告,因為流量使用的問題,到下月為止API使用不了。這一下,我就懵逼了,之前想偷下懶,反正也在開發階段,沒必要自己寫,現在API使用 ...