网页自适应，屏幕默认无法显示全部

2018-11-20 11:12:41 +08:00
 xmlf

https://wang.jiazu.at 做了简单的自适应处理，但是移动端打开后，整个页面无法在手机屏幕中显示全。 求大佬指点，如何优化？拜谢！

1022 次点击
所在节点    问与答
6 条回复
beiyu
2018-11-20 11:17:27 +08:00
你在 body 中设置了“ min-width: 750px;”，手机的宽度当然没有 750px 啦，所以显示不全，而且根据这个网站的布局和样式来看，不是特别好做自适应的移动版。
TomatoYuyuko
2018-11-20 11:19:42 +08:00
右边那一块 div 字都挤没了，放不下就做滚动条换个换个排版吧，图片尺寸你也写死了没法适应
xmlf
2018-11-20 11:37:58 +08:00
@TomatoYuyuko 图片尺寸这些都可以调。
helionzzz
2018-11-20 11:38:48 +08:00
min-width: 750px;还怎么自适应
xmlf
2018-11-20 11:39:13 +08:00
@beiyu 这个是小于这个宽度就不自缩放了。v2 的写的宽度还是 820 呢。v2 的就可以显示全……
TomatoYuyuko
2018-11-20 13:55:19 +08:00
@xmlf #5 朋友你看的 820 是 body，两边留白了，显示内容部分的 content 是 600px

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

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

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

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

© 2021 V2EX