zoukankan      html  css  js  c++  java
  • 网页手机wap2.0网页的head里加入下面这条元标签......

    网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。  

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

    width - viewport的宽度 height - viewport的高度   

    initial-scale - 初始的缩放比例  

    minimum-scale - 允许用户缩放到的最小比例   

    maximum-scale - 允许用户缩放到的最大比例  

    user-scalable - 用户是否可以手动缩放  

    我做手机网页也差不多有半年了,开始以为手机网页的CSS样式少,很好做;但做起来才发现,原来也是困难重重...里面也还是有很多东西需要注意呢。就最近发现了一个不可思议的问题,两个同级的div里,有相对定位的盒模型就会影响fixed定位的。

    还有一个问题,头部做了一个position:fixed;的nav,结果在android2.3以下系统点击tab项的时候,响应的不是tab的链接,是下面层级的东西...查了很长时间都没有找出原因。最后发现,在头部加上<meta name="viewport" content="width=device-width,user-scalable=no" >就好了...

  • 相关阅读:
    jexboss-20170328 帮助信息
    clusterd-20151119 帮助信息
    XSStrike-20191220 帮助信息
    Astra-20190405 帮助信息
    InsightScan-20150320 帮助信息
    BBScan-20200419 帮助信息
    Tplmap-20210117 帮助信息
    HDU-5446 Unknown Treasure
    中国剩余定理学习笔记
    [BZOJ5042]LWD的分科岛
  • 原文地址:https://www.cnblogs.com/koukouyifan/p/3411985.html
Copyright © 2011-2022 走看看