在开发手机网页时,为了方便,通常大部分时间都在电脑上进行测试。firefox在这方声矜檠鹣面为开发者提供了很好的支持,可以模拟手机屏幕大小,使我们可以很好的进行响应式设计的测试。下面介绍一些设置方法
工具/原料
firefox浏览器
方法/步骤
1、单击右键,选中菜单中的“查看元素”
2、单击下方窗口右上角工具栏中的“停靠到浏览器窗口的侧边”
3、单击右侧窗口右上角工具栏中的“响应式设计模式”
4、这时左边的浏览器窗口已变成手机屏幕大小,上方的是当前屏幕宽x高(单位:像素)
5、我们可以修改成自己想要的大小,改好后回车即可
6、单击图中红框内的按钮可以旋转屏幕,方便测试手机横屏状态
7、单击图中红框内的按钮可以屏幕截图,更多功能留给大家自己发掘吧