藏宝游传奇

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 95|回复: 0

[网页制作] meta viewport标签的使用说明(手机浏览缩放控制)

[复制链接]
  • TA的每日心情
    开心
    2020-12-29 20:57
  • 签到天数: 3 天

    [LV.2]圆转纯熟

    4332

    主题

    4336

    帖子

    26万

    积分

    超级版主

    Rank: 8Rank: 8

    积分
    265573
    发表于 2020-11-4 18:43:51 | 显示全部楼层 |阅读模式
    网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。
    现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone 那样支持viewport设置 。
    网页中有这么一句时,在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 - 用户是否可以手动缩放
    可惜M8的OP并不支持,能不知道要如何设置才能让浏览器以100%大小打开网页。
    Google一下发现Opera Mobile9.5才能支持,不知1.0版本新固 件的OP浏览器能否支持。



    回复

    使用道具 举报

    Archiver|手机版|小黑屋|藏宝游

    GMT+8, 2021-10-18 15:28 , Processed in 0.042936 second(s), 27 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表