祥翊資訊 網頁設計
關於祥翊資訊
關於祥翊
經營理念
RWD自適應網頁
多元的服務項目
網站終身保固服務
服務項目
RWD 企業形象網站
購物網站設計
線上訂位、訂房系統
專案軟體程式設計
後台網站管理系統
優惠價格
價格
優惠價格方案
方案一 單頁捲動式網站
方案二 企業形象網站
方案三 進階前後台網站
方案四 客製化視覺網站
RWD 新知
您的網站RWD了嗎?
什麼是 RWD 網頁設計?
RWD會影響到SEO自然排序
一張圖看懂什麼是RWD
響應式網站設計成主流
模擬RWD畫面的好用工具
最新消息
祥翊資訊網頁設計全新改版
本網站皆採用Laravel技術
RWD網頁設計只要28,000元
作品介紹
全部類別
一頁式網站
形象網站
購物網站
訂位、訂閱系統
聯絡我們
Knowledge
隨時提供最新的消息及科技新知給您, 讓您的掌握最新的網站設計新知。
科技新知
/ Knowledge
首頁
科技新知
模擬RWD畫面的好用工具
( 資料來源:
梅問題.教學網
)
發佈日期: 2017-03-14
網設必備-《RWD Tool》模擬各行動裝置解析度的顯示畫面
隨著智慧型裝置愈來愈普及,網頁己不再只限於電腦中瀏覽,依照不同的解析範圍,顯示不同的畫面,現可用以下網址來測試所瀏覽的網站是否為RWD,可跨各瀏覽器,來模擬出各裝置的解析大小,並呈現出畫面的顯示效果,並可用來檢測是否有跑版或位移等問題。
網站名稱:Viewport resizer
使用方法很簡單,只要依照下列步驟,即可輕鬆套用RWD模擬器:
Step1
進到網站後,對著中間藍色的按鈕,按住不放拖拉到Chrome的書籤列中。
Step2
接著瀏覽網頁,當要模擬裝置解析時,點一下剛所加入的書籤。
Step3
這時頁面上方就會出現黑色列,與裝置的圖示,滑到圖示上方時,右邊會顯示該圖示,所模擬裝置的名稱與解析大小。
Step4
點下裝置縮圖後,畫面就會隨即縮到指定的範圍中,由於梅問題沒有設定自適版型,所以任何解析畫面看起來都一樣,只是版面變小而已。
回科技新知列表
關閉本視窗
關閉本視窗
關閉本視窗
關閉本視窗
關閉本視窗