css 用 @media max-width 为何手机打开依然是和电脑一样?

2018-08-15 10:26:47 +08:00
 CSGO

刚写的: http://wangyifang.com/web/tools/

我这样写:@media (max-width: 540px) { //css }

用电脑缩小窗口,确实可以生效,可是用 chrome 调试,如果调成手机,它依然是一个非常宽的宽度,而非小屏幕。这是为什么呢?

1376 次点击
所在节点    问与答
2 条回复
hiro0729
2018-08-15 11:06:26 +08:00
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
手机的话要再 index.html 里加上这个
CSGO
2018-08-15 12:44:11 +08:00

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

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

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

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

© 2021 V2EX