RWD相關的文章,目前共收錄 9 篇內容。
HTML5 允許我們設定在不同解析度下讀取不同影片,只要在 video 的標籤內設定 source 的 media 就可以了,這邊的 media 就跟 media query 的 media 概念一樣。
CSS 3, Media Queries Cheat Sheet 是當你要用 Media Query 製作 RWD 網站時,可以參考該網站的設定範圍。
以現在網站開發的觀念來說,使用 rem 會是一個相對 px 這種絕對單位而言更有彈性的單位,但因為目前的原型工具都還沒有 rem 這個單位,所以往往就需要開發者自己去轉換,自己打開計算機來算就滿浪費時間的,而 Convert pixels to rem 就可以讓你輸入 px 的單位就能直接轉換成對應的 rem 數值,給有需要的朋友參考。
Responsinator 是一個只要簡單輸入網址,就能顯示給你看在各熱門瀏覽器頁面呈現狀況的網站,對於要測試 RWD 的開發者來說應該很方便。
Responsively APP 是一個讓你可以輸入網址就可以呈現在各個載具的 UI 狀態的 app,有在切版的用這個可以一次檢視真的很方便,趕快裝看看吧。
Responsive Image Breakpoints Generator 是一個你只要上傳圖片,就可以幫你產出各種解析度圖片的網站。