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

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

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

 訂閱關鍵應用,軟體應用技巧再升級 


如何使用 everysize?

將這篇文章快速佈署到你的網站

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

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

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

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

相關文章



 站內搜尋 


˄