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

接著上篇繼續(xù)探討......

deviceponsive

deviceponsive??類似于上面的自適應(yīng)測試？它簡單，干凈顯示您的網(wǎng)站。一旦所有設(shè)備都顯示在一個(gè)很長的頁面上。它有一個(gè)有趣的功能，您可以自定義編輯標(biāo)題的背景顏色和嵌入自己的標(biāo)志，網(wǎng)站標(biāo)題。在某種程度上，當(dāng)你共享給客戶分享截圖。能夠推銷你的網(wǎng)站品牌。

本網(wǎng)站效仿的設(shè)備和屏幕尺寸

• 的Macbook?-?1280×800
• iPad的肖像?-?768×1024
• iPad的景觀?-?1024×768
• Kindle的肖像?-?600×1024
• Kindle的景觀?-?1024×600
• iPhone的肖像?-?320×480
• iPhone景觀?-?480×320
• 銀河肖像?-?240×320
• 銀河景觀?-?320×240

與大多數(shù)這些工具中，滾動(dòng)條被顯示在更小的設(shè)備上。在實(shí)際設(shè)備上，他們不會(huì)顯示，但允許非觸摸滾動(dòng)設(shè)備滾動(dòng)測試視圖，必須作出一些讓步。

自適應(yīng)測試

自適應(yīng)測試和?deviceponsive一樣，在各種設(shè)備上顯示您的網(wǎng)站，但代替曾經(jīng)在頁面上顯示它們，在頁面頂部，你選擇哪個(gè)設(shè)備查看一個(gè)簡單的菜單。一個(gè)中型的筆記本電腦上瀏覽本網(wǎng)站，我發(fā)現(xiàn)縮放頁面出來的效果很好，讓你看到整個(gè)測試現(xiàn)場。

在這里提供13個(gè)不同的視口，范圍從一個(gè)大的桌面顯示器到他們所謂的'蹩腳的Android。

再次，Firefox瀏覽器顯示的顯示的有些不同。請注意在截圖中，綠頭和白色背景內(nèi)容區(qū)域之間，只有一個(gè)藍(lán)色的條紋圖像滑塊應(yīng)顯示。

responsive.is

與前面兩個(gè)項(xiàng)目頗為相似?，可供選擇的唯一設(shè)備是自動(dòng)填補(bǔ)您的瀏覽器窗口，顯示該網(wǎng)站，你會(huì)看到它，桌面、平板、智能手機(jī)，像素尺寸不定。

?結(jié)論

因此，我們看到有不少的測試自適應(yīng)網(wǎng)站資源。區(qū)別獨(dú)特的功能，你可以根據(jù)自己的個(gè)人喜好和要求來進(jìn)行選擇，我鼓勵(lì)你去探索和實(shí)驗(yàn)。