上海網(wǎng)站建設(shè)?上海網(wǎng)站設(shè)計(jì)（m.nj33.cn）

“停止調(diào)整瀏覽器的大小，你會(huì)精疲力盡的！”有多少次你聽(tīng)到這句話？好吧好吧，也許沒(méi)有那么多的時(shí)間，但如果你開(kāi)發(fā)過(guò)自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)站，你知道我在說(shuō)什么：你來(lái)回拖動(dòng)瀏覽器每個(gè)DOM或CSS編輯，測(cè)試變化和尋找任何打破。

最終，這種努力的目的是用來(lái)模仿不同設(shè)備的屏幕尺寸。

如果你正在做企業(yè)發(fā)展，你可能有各種各樣的公司所提供的設(shè)備上進(jìn)行測(cè)試。我在那里工作，我們有一個(gè)iPad，iPod的，一個(gè)或兩個(gè)其他平板電腦，筆記本電腦和臺(tái)式機(jī)。如果你沒(méi)有這樣的奢侈配件，你必須利用擁有的一切。

在我的家里，我們有兩個(gè)不同的筆記本電腦，兩個(gè)不同的Android設(shè)備，Kindle和一臺(tái)Nexus?7。這是我使用的設(shè)備來(lái)測(cè)試我的自適應(yīng)網(wǎng)頁(yè)，但很明顯，這不是一個(gè)全部的配套。沒(méi)有所有的iOS設(shè)備，我也不打算買IPHONE/?phablet?/平板電腦。

那么，什么是一個(gè)開(kāi)發(fā)商做的？值得慶幸的是，有越來(lái)越多的基于瀏覽器的工具，可用來(lái)模擬各種各樣的設(shè)備的屏幕尺寸。不同的工具都具有不同功能和不同的效用水平，當(dāng)然。在這里，我們來(lái)看看其中幾個(gè)。

我自適應(yīng)了嗎？

我自適應(yīng)了嗎？?即時(shí)查看您的網(wǎng)站，因?yàn)樗鼤?huì)顯示在四個(gè)不同的設(shè)備。所有四個(gè)是iOS上，開(kāi)發(fā)人員解釋說(shuō)，焦點(diǎn)聚集在網(wǎng)站上。它沒(méi)有提供控制和選擇，只是一個(gè)很簡(jiǎn)單的，優(yōu)雅的演示。

視口大小

·?桌面?-?1600×992px縮減規(guī)模（0.3181）

·?筆記本電腦?-?1280×802px縮減規(guī)模（0.277）

·?平板?-?768×1024px縮減規(guī)模（0.219）

·?手機(jī)?-?320×480px縮減規(guī)模（0.219）

引用開(kāi)發(fā)商的話，“這不是一個(gè)測(cè)試工具，在真實(shí)設(shè)備上，它是非常重要的。相反，這是一個(gè)進(jìn)行快速截圖工具（對(duì)我來(lái)說(shuō)），在視覺(jué)上讓人們'知道'你表達(dá)的什么意思?！?/p>

兩個(gè)非常不錯(cuò)的功能，無(wú)論你想哪個(gè)在屏幕上都可以拖動(dòng)“設(shè)備”的能力，并且能夠嵌入一個(gè)鏈接，您可以分享您的試驗(yàn)。在Firefox中，至少測(cè)試的結(jié)構(gòu)中，在iPhone上的側(cè)滾動(dòng)不顯示，但它在IE和Chrome顯示的。

未完待續(xù)......