用 Google 推出的 Resizer 幫你檢查 RWD 自適應網頁在各設備呈現的樣子

網頁製作為了因應手機族的使用,也衍生出了 RWD 網頁的製作,這技術算是讓網頁設計師是又愛又恨,可以讓網站符合各種設備的呈現,但也要絞盡腦汁想看看怎麼排版才是好的,而在製作過程不免俗的要不斷的檢查各種解析度下的呈現方式,而 Google 就推出了 Resizer 這樣的服務,讓你可以在線上快速的檢視各種設備、解析度下網站呈現的樣子,更方便進行修改調整。

Resizer 使用介紹:

使用很簡單,阿湯就簡單快速的帶過,進入網站只要輸入你要檢測的網址後,預設的畫面會顯示電腦、平板以及手機上的呈現方式給你看。

01

接下來你也可以更細部的從右上角再切換不同設備,而不同的設備還可以再切換不同的解析度檢視,常見會用到的解析度都選的到,非常方便且直覺,網頁也不僅是展示,是真的可以讓你瀏覽、點擊,這才是真正最方便的地方。

02

像是手機版也同樣可以各別檢視,而選擇比較大的解析度時就是用來檢視手機橫放時的樣式,網頁設計師們,不用再人手三個設備看起來看去了,就用這個網頁一次搞定吧。

03

相關資訊:

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

0 留言

發表留言 »

姓名(*)
信箱(*)