我们在做响应式开发时,需要兼容不同分辨率的网页,这时候就需要支持不同分辨率的设备来测试预览。使用不同分辨率的种类太多,我们不可能有那么多的设备,该如何测试了?
这时候我们就需要用到浏览器自带的模拟测试不同分辨率的功能,我的站长站以360计算浏览器为例,当然其他浏览器都支持这个功能,操作方法也基本相同。
浏览器模拟分辨率操作方法
浏览器f12打开控制台,点击设备图标,开启模拟,我们还可以选择不同分辨率和不同设备来切换分辨率。
当然,我们还可以自定义不同分辨率,点击“编辑”,添加自定义设备,随便取个名字,然后输入需要自定义分辨率的宽和高,添加即可。
然后是手机分辨率,记得选择移动设备,否则有些网站不会作出手机端的自适应或触屏效果。
相关专题
- 浏览器如何模拟测试不同分辨率的网页效果 [2023-09-15]
- statcounter全球浏览器市场份额统计工具 [2023-09-15]
- TabCopy网站名称+网址快速批量复制谷歌浏览器插件V3.5 [2023-09-03]
- 服务器自带IE浏览器提示添加网址到受信任站点取消方法 [2023-08-29]
- 谷歌浏览器右键翻译失效修复工具 [2023-07-11]