html5手机上端网页页面能够向右划动致使款式受危

难题叙述

发现写的h5网页页面在手机上端能够向右划动，致使款式出現难题～

难题清查

缘故1：沒有开展挪动端兼容

在html头顶部加上下列內容：

<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">

1. width=device-width 表明使网页页面宽度等于机器设备的宽度
2. initial-scale=1.0 表明原始网页页面宽度等于1倍机器设备宽度
3. user-scalable=no 表明不能更改

缘故2：网页页面元素宽度超出了机器设备宽度

在开展了上文的配备后，我的难题并沒有处理。根据查验元素发现：我页内的元素(紫色一部分)的宽度超出了机器设备宽度，才致使了网页页面能够拖动。

在改动了过宽的元素的css后，难题获得掌握决。

以上便是本文的所有內容，期待对大伙儿的学习培训有一定的协助，也期待大伙儿多多适用脚本制作之家。