1、其实很简单,你只要用谷歌浏览器测试效果就好,怎么测试,打开谷歌浏览器F12,然后如图所示点那个手机的小图标,切换到手机模式,点左上角那个下拉框选择手机机型为4S(肯定是兼容最小屏幕开始,)
2、注意一点是,如果平面搞是一屏幕的时候,你要排除微信顶部有一个标题栏的高度大概是40鲷薯恢罢吧。然后你还会用到响应式布局@media (device-height:480px) and 烫喇霰嘴(-webkit-min-device-pixel-ratio:2) {/* 兼容iphone4/4s */}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone5 */}@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone 6 */}
3、接着一点,为什么要提到360极速浏览器,因为遛襟粝颉他是谷歌内核,但是像360度全景这种360这种极速浏览器会出现错误显示,可能是因为他不是纯的谷歌内璀煌蒈琊核原因吧,所以,我现在用360极速浏览器保存网页,用谷歌浏览器查看网页测试网页,当然你最后还是要放手机端看下,
4、最后一点就是传服务器上之后怎么在手机端看了,你百度下二维码 然后把你传服务器上的网址复制进去生成二维码,开微信扫一扫就可以了,如果你怕缓存,在你的链接后面加个参数生成后再扫