2020-04-29

everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

做了響應式網頁,該如何能夠看出其在不同螢幕尺寸下應有的效果呢?everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站,不同以往看到的類似網站,該網站在呈現網頁後,用戶是可以直接操作非靜態的。

【everysize 網站資訊】
網站語言:英文
服務性質:免費
網站網址按我前往 everysize

如何使用 everysize?

1.使用瀏覽器進入 everysize 網站,在下方輸入要測試的網址後,點擊[ GO ]。
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

2.預設會以四種螢幕尺寸出現,如果覺得不足,也可以按 + 來增加尺寸。
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

3.左上角的 % ,可以讓該尺寸縮放 100% 就是完整呈現。
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

4.也可以直接選擇要測試的裝置。
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

 

 分享您的留言


請輸入關鍵字


請選擇...


˄