首頁線上工具網頁瀏覽

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

相同的網頁在不同尺寸的電腦螢幕上所呈現的頁面視覺效果可能有些不同，通常網頁設計師，為了方便來訪的使用者，都會盡量減少使用滾動條(scrollbar)尤其是下方的左右滾動條。TestSize 是一個免費的線上服務，只要將給予網址 URL，內建有固定的 640X480、800X600、1024X600、1024X800、1280X1024、1366X768 及 1920X1024，或是自行輸入要測試的尺寸，就能測試網頁在不同的電腦螢幕尺寸中所顯示的效果。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 TestSize 所提供的服務？

1.進入 TestSize 網站後，預設就會使用 http://time.is/ 這個網站當作範例。

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

2.在 Enter URL 輸入要測試的網頁網址，在 Choose size 選擇要測試的尺寸，選擇完後便會在其下方呈現，若自行輸入 Width、Height ，可點擊[Open popup]使用彈出視窗來呈現。

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

3.使用快捷鍵來調整。

  • + 或方向鍵上：放大螢幕尺寸。 
  • - 或方向鍵下：縮小螢幕尺寸。
  • 空白鍵(Space)：循環預設的尺寸。
  • f：開啟或隱藏其它範圍。