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

2016-01-12 10:24:04 +08:00
 zebulon
2768 次点击
所在节点    问与答
10 条回复
jarlyyn
2016-01-12 10:29:55 +08:00
设置 viewport
asdwfwqd
2016-01-12 10:32:59 +08:00
你说的是在哪里面?
是浏览器,还是 app 的一个 webview ?
如果网页没有 web 版的话,我觉得不要显示整个页面,字太小,看不清
zebulon
2016-01-12 10:36:48 +08:00
@jarlyyn 设置了没有用
zebulon
2016-01-12 10:37:11 +08:00
@asdwfwqd 是网页里面,客户要直接打来显示整个页面
youchoudeyu
2016-01-12 10:37:43 +08:00
自适应框架被你吞了么= =
sneezry
2016-01-12 10:42:44 +08:00
@zebulon viewport 里的 width 设置不正确?最好能发出来看看 live demo
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
2016-01-12 10:45:00 +08:00
@sneezry

这个一般是限制用户缩放,或者设置了初始缩放了。
sneezry
2016-01-12 10:48:59 +08:00
@jarlyyn 所以不知道楼主是想要响应式,还是想在手机上就显示桌面版的网页,只是想默认显示全部,字太小也无所谓~
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">

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/250068

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX