網頁設計

關於網頁設計的技術或相關資訊分享

實用網站推薦 - TestSize - 測試不同解析度

TestSize

  在網頁設計的時候,因為要考慮到各式各樣的使用者使用不同的解析度,總不能在1027*768漂漂亮亮,在1280*1024的時候卻全部都亂掉吧,一直按桌面,內容,設定值,變更解析度又好麻煩,現在告訴你一個好站,可以很簡單的看到不同解析度下的顯示狀況。

TestSize是一個免費的線上服務,進去後的畫面非常的簡潔,也很容易使用,簡單說明一下如何使用。

  • Enter URL:輸入要觀看的網址
  • Choose size:選擇要測試的解析度,預設有九種可以選擇
  • Width/Height:如果預設的解析度不是你要的,你想要測試特別的解析度可以在這邊自己輸入。
  • Open Popup:點了之後他會開新的視窗,是設定好的解析度。
  • Refresh iframe:將結果直接更新在下面的畫面。

也可以直接使用+、-或是上、下及空白鍵來改變解析度。按f的話可以把它上面選擇的介面隱藏,可以更清楚的知道你的網站在這個解析度下的顯示狀態。

有了這個線上服務,就不用再一直換解析度了,下次再告訴大家另外一個更快的方法!敬請期待