過去時代我們在設計網頁時,只要注意電腦螢幕的大小尺寸,不過現在因為手機平板是大家上網大多數的載體,因此RWD網頁也就成為趨勢潮流,當然在網頁設計的過程中,我們需要利用「CSS3的media query」控制不同的螢幕寬度要呈現不同的版面,但是「測試」也是十分重要的,除了利用電腦瀏覽器或是手機、平板實際測試,或是Dreamweaver軟體測試之外,不妨可以試試今天鼻涕仔介紹的好用網站:Multi Screen Test。
Multi Screen Test可以藉由設定視窗大小,直接檢視網頁的顯示樣貌;此外,Multi Screen Test還內建了許多種常用裝置的解析度寬度,利用PC、手機、平板等等,要測試時直接挑選就可以囉。網站連結:點我
沒有留言:
張貼留言