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

2021-02-23 08:27 jianzhan

难题叙述

发现写的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后,难题获得掌握决。

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