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

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

Resizer 使用介紹：

使用很簡單，阿湯就簡單快速的帶過，進入網站只要輸入你要檢測的網址後，預設的畫面會顯示電腦、平板以及手機上的呈現方式給你看。 接下來你也可以更細部的從右上角再切換不同設備，而不同的設備還可以再切換不同的解析度檢視，常見會用到的解析度都選的到，非常方便且直覺，網頁也不僅是展示，是真的可以讓你瀏覽、點擊，這才是真正最方便的地方。 像是手機版也同樣可以各別檢視，而選擇比較大的解析度時就是用來檢視手機橫放時的樣式，網頁設計師們，不用再人手三個設備看起來看去了，就用這個網頁一次搞定吧。

相關資訊：

• 網站：請點我