HTML & CSS ? Google Resizer 響應式網頁尺寸調整器

Google Resizer 響應式網頁尺寸調整器

發表于: HTML & CSS, 優秀設計資源, 前端開發. 評論 (1)
Sponsor

現在網頁都流行跨平臺展示，就是在桌面 PC、移動端以及平板電腦上都能友好瀏覽。如何設計出正確界面給用戶查看，對網頁設計師來說也是最大的挑戰之一。

今天設計達人網小編為大家分享來自谷歌的響應式網頁尺寸調整器：?Resizer，這工具能輔助設計師和前端開發工程師制作響應式網站項目。

響應式網站

Resize 響應式預覽工具有多組尺寸調整，分別是 PC、平板端、移動端，用戶只需要輸入網址就可以看到。

下圖是我們輸入了設計達人網的測試截圖：

手機端：

嗯，從截圖可以看出，設計達人是很懶的，現在都2016了，還沒改掉2015的字樣……

網站名稱：Resizer
網站介紹：https://design.google.com/articles/introducing-resizer/
網站地址：http://design.google.com/resizer/
推薦：查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流：為設計新人提供的設計交流群，請加入UI設計交流群，分享經驗、接單、求職、聊設計。
贊助商鏈接

與 、、 相關的文章

贊助商鏈接
設計達人微信交流社區：shejidaren888
喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。
«
»

+ 添加評論One Response to “Google Resizer 響應式網頁尺寸調整器”

  1. aming - 回復
    2016 年 05 月 25 日 下午 9:41

    還有跨屏測


{ 發表評論 }