浏览器如何模拟测试不同分辨率的网页效果

经验分享我的站长站 2023-09-15 共63人阅读

我们在做响应式开发时，需要兼容不同分辨率的网页，这时候就需要支持不同分辨率的设备来测试预览。使用不同分辨率的种类太多，我们不可能有那么多的设备，该如何测试了？

这时候我们就需要用到浏览器自带的模拟测试不同分辨率的功能，我的站长站以360计算浏览器为例，当然其他浏览器都支持这个功能，操作方法也基本相同。

浏览器模拟分辨率操作方法

浏览器f12打开控制台，点击设备图标，开启模拟，我们还可以选择不同分辨率和不同设备来切换分辨率。

浏览器如何模拟测试不同分辨率的网页效果

当然，我们还可以自定义不同分辨率，点击“编辑”，添加自定义设备，随便取个名字，然后输入需要自定义分辨率的宽和高，添加即可。

浏览器如何模拟测试不同分辨率的网页效果

然后是手机分辨率，记得选择移动设备，否则有些网站不会作出手机端的自适应或触屏效果。

2023-09-15 19

浏览器是日常必备工具,学会使用浏览器也是必须技能.首先浏览器分很多种,选择一款合适自己的浏览器下载是首要任务,浏览器的各种使用安装方法也是必看课程,也整理...