作者:,     

網頁設計師必備!TestSize.com 測試在不同螢幕解析度下網頁的呈現效果

testsizecom_0_2

在設計網頁時,明明在自己的電腦看很完美,但一送去給客戶或主管看的時候,卻時常會發生網頁版面呈現效果不同的問題,那大部份是因為所使用的電腦螢幕解析度不同的關係,如果在網頁製作完成後,可先在各種解析度下跑過一遍,應該就能避免這個問題,不過我們要去哪生這麼多電腦螢幕來測試呢?

現在只要利用「TestSize.com」這個網站,就能無所顧忌的盡情測試啦~~~將網址貼入網站後,再選取要測試的螢幕比例,就能立即查看各種螢幕比例下網站的樣貌了,預設比例從 240×320、320×480…一直到最大的 1920×1024,若清單上沒有符合需求的尺寸,也可手動輸入長寬比例來查看。

這網站還有一個用處,那就是在這個手機當道的世代,你的公司還不願意花錢製作手機版的網頁時,就將公司網址用「TestSize.com」開啟,並設定為各種手機螢幕比例,讓老闆看看用手機瀏覽自家網頁的結果是多麼的慘烈吧!XD

 

操作畫面:

第1步 在上方貼入要測試的網址。

testsizecom_1

 

第2步 接著下拉選單選擇要測試的螢幕比例,若沒有適用的也可以在右側手動輸入長寬比例。

testsizecom_2

 

此如一來,就可以盡情的測試啦!!

testsizecom_3

 

 

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期:
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關文章...

 

歡迎留下你的想法或意見...

  1. mikey 說道:

    學習網頁製作的時候,螢幕解析度的問題,當時還是一個謎,那大約是2010年的時候,貌似一老師說的,經過大大的說明及介紹之後感覺上有把個謎給解開,不過實際還沒有測試過,解析度問題解決,但是還有瀏覽器及編碼問題。

發表迴響

你的電子郵件位址並不會被公開。