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

不同分辨率顯示設備的新增讓我們這些苦逼的站長們不得不對每一種的分辨率顯示設備進行兼容與優化，而自適應網站技術的誕生讓我們這些碼農們省去了很多的開發精力。今天我們不談如何去做一個自適應的網頁，頁是說說如何與調試自適應網頁。

利用現代瀏覽器

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

利用火狐瀏覽器

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

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。