响应式布局如何测试不同分辨率

最近在做响应式布局适应不同分辨率的屏幕,太痛苦了,摸着石头过河。之前没有做过这块,手机端又不是很在行,ipad/iphone/三星……一大堆不同的屏幕,如何测试呢,总不能买一大堆设备吧。

偶然间发现谷歌浏览器(最新版)可以缩小来实现,这样又有问题了,分辨率是多少呢?发现新方法了,废话不多说了,直接上教程。 1.在谷歌浏览器打开你要测试的网页按键盘F12,打开网页调试 2.点击调试工具右上角形似菜单的图标 3.这时候你会发现紧挨着浏览器底部有一排英文菜单 4.把菜单往上拉出来,点击第三个菜单 5.点击打开菜单下面的手机标示 6.如此便是手机设计效果 7.有2个地方可以选择不同的分辨率及屏幕对应的像素 8.下次打开就直接点击F12,然后左上角的手机标示就可以切换

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值