V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zebulon
V2EX  ›  问与答

当网页尺寸大于移动端屏幕的时候,怎么样才能在移动端打开直接显示整个页面,而不是只显示一部分,需要手动去缩放

  •  
  •   zebulon · 2016-01-12 10:24:04 +08:00 · 2935 次点击
    这是一个创建于 3268 天前的主题,其中的信息可能已经有所发展或是发生改变。
    10 条回复    2016-01-12 19:26:43 +08:00
    jarlyyn
        1
    jarlyyn  
       2016-01-12 10:29:55 +08:00 via Android
    设置 viewport
    asdwfwqd
        2
    asdwfwqd  
       2016-01-12 10:32:59 +08:00
    你说的是在哪里面?
    是浏览器,还是 app 的一个 webview ?
    如果网页没有 web 版的话,我觉得不要显示整个页面,字太小,看不清
    zebulon
        3
    zebulon  
    OP
       2016-01-12 10:36:48 +08:00
    @jarlyyn 设置了没有用
    zebulon
        4
    zebulon  
    OP
       2016-01-12 10:37:11 +08:00
    @asdwfwqd 是网页里面,客户要直接打来显示整个页面
    youchoudeyu
        5
    youchoudeyu  
       2016-01-12 10:37:43 +08:00
    自适应框架被你吞了么= =
    sneezry
        6
    sneezry  
       2016-01-12 10:42:44 +08:00
    @zebulon viewport 里的 width 设置不正确?最好能发出来看看 live demo
    lxjsmdc
        7
    lxjsmdc  
       2016-01-12 10:43:17 +08:00
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    jarlyyn
        8
    jarlyyn  
       2016-01-12 10:45:00 +08:00
    @sneezry

    这个一般是限制用户缩放,或者设置了初始缩放了。
    sneezry
        9
    sneezry  
       2016-01-12 10:48:59 +08:00
    @jarlyyn 所以不知道楼主是想要响应式,还是想在手机上就显示桌面版的网页,只是想默认显示全部,字太小也无所谓~
    hahamy
        10
    hahamy  
       2016-01-12 19:26:43 +08:00
    手机分辨率大小不同,如果要宽高刚好宽满一页,需要设 viewport ,还要做里面元素的位置和大小适配
    如果只是宽度,加上这个就成了<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5693 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 03:36 · PVG 11:36 · LAX 19:36 · JFK 22:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.