Responsivepx 顯示網頁在不同解析度下的效果

以下文章來自「關鍵應用


現在寫網頁的工程師,除了要能掌握各項程式技巧、各家瀏覽器所支援的程度,還要注意網頁在各種螢幕解析度下所呈現的效果,期讓網頁瀏覽體驗更具親和力,不過程式技巧及各家瀏覽器所支援的程度好掌握,但對於螢幕解析度這項,總不能將各項設備都買回來吧。若你需要測試所寫網頁在不同解析度下的效果,可用 CSS  將框架打好,利用 Responsivepx.com 網站所提供的解析度測試,便可事半功倍,解決要在各項裝置測試的麻煩。
【Responsivepx 網站資訊】
網站語言:英文
服務性質:免費
網站網址http://responsivepx.com/
如何使用 Responsivepx 來測試網頁在不同解析度下的效果 ?

1.進入網站後,在左上角輸入要測試的網址,選擇要測試的螢幕解析度,按下[Open]即可。


2.接下來就會呈現所選網頁在所選解析度下的呈現效果,簡單好用。
張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!