隨著科技的發(fā)展與進步出現(xiàn)了越來越多的不同分辨率的顯示設備，比如不同分辨率的手機，IPAI，筆記本等，雖然這些設備給我們的生活帶來了很多的便利，但對我們一些做前端web的人來說，與不是一件很多的事情。

不同分辨率顯示設備的新增讓我們這些苦逼的站長們不得不對每一種的分辨率顯示設備進行兼容與優(yōu)化，而自適應網(wǎng)站技術(shù)的誕生讓我們這些碼農(nóng)們省去了很多的開發(fā)精力。今天我們不談如何去做一個自適應的網(wǎng)頁，頁是說說如何與調(diào)試自適應網(wǎng)頁。

利用現(xiàn)代瀏覽器

在所有的瀏覽中，除了IE8以下的老舊的瀏覽器，都已支持了網(wǎng)頁的縮放效果。如果你的網(wǎng)頁是自適應的，可以通過改變?yōu)g覽器窗口的大小來查來不同分辨率下網(wǎng)頁的顯示效果。

利用火狐瀏覽器

我個人比較喜歡用火狐瀏覽器來調(diào)試網(wǎng)頁，因為火狐瀏覽器的插件比較多，利用其插件可以大大的節(jié)省我們的開發(fā)時間。在火狐瀏覽器中，我比交常用的一個功能就是調(diào)試自適應網(wǎng)頁，且體方法如下：

1、打開火狐瀏覽器，按照下圖操作

2、點擊“開發(fā)者”并在其彈出的菜單內(nèi)選擇“響應式設計模式0”選項

3、進入如下圖所示的頁面中，選擇你想調(diào)試的分辨率，調(diào)試即可

總結(jié)一下：火狐的“響應式設計模式”可以自定義我們所需要的分辨率，但是我們制作的響應式頁面并不能達到百分之百的完美，我個人已不在支持低分辨率下的設備。

總結(jié)

以上是生活随笔為你收集整理的火狐查看html页面大小,利用火狐浏览器测试自适应网页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。