everysize 線上輸入網址查看各種螢幕呈現效果

everysize 線上輸入網站網址,即可查看網站在各種螢幕上的呈現效果
隨著科技資訊時代的來臨,3C用品幾乎已經成為每個人的必備品之一。桌上型電腦、筆電、平板、手機…每一款的螢幕規格大小比例不同,所以現在設計網站時,除了需要適應於不同的瀏覽器以外,還要考量到在不同尺寸的螢幕上,網頁所呈現出來的效果為何。但我們不可能一一去測試市面上的所有尺寸螢幕,這個時候「everysize」免費提供的網頁服務就相當實用了!
everysize 是一款直接將網頁套入各種螢幕尺寸再來做預覽的線上工具,只要輸入網址就能立即套用預覽效果。目前預設四種螢幕尺寸,如果想要測試的尺寸未列出,可由上方的下拉選單中選擇一些常見的手機型號,也可以直接手動輸入想要的比例尺寸。
進入首頁後於方框中輸入網址,再按下「GO」按鈕。
稍等一下下之後,就會出現網站於四種螢幕尺寸的預覽效果。
想要套用更多不同尺寸的螢幕,點擊右下角的「+」就可新增更多虛擬螢幕。
預設顯示比例為 40%,在虛擬螢幕左上方下拉百分比選單,可切換不同比例的效果預覽。
點擊虛擬螢幕最上方名稱可展開行動裝置下拉選單,選單裡有常見的手機型號可選擇。但選單呈現白色,需要滑鼠移過才會看見有哪些選項。
值得一提的是,在 everysize 裡預覽的網站都是可以直接作用的,試著把滑鼠移到虛擬螢幕的網站上看看吧~
THE END
「everysize」免費提供的網頁服務真的相當實用!趕快來試試吧!
Read More
More Detail