元视口对媒体查询没有影响
Meta viewport has no effect on media query
我正在尝试编写一个功能，使用户能够在移动和桌面布局之间切换。我正在使用媒体查询来区分布局：
@media screen and (max-width: 1024px) {
.... some definitions
}
我的理解是，VIEWPORT META 标签应该影响媒体查询。所以，我认为这
<meta name="viewport" content="width=640" />
应该对我的病情做出积极评价
@media screen and (max-width: 1024px)
不幸的是，事实并非如此。我错了吗？如果是，有什么办法，如何影响媒体查询？
My understanding is, VIEWPORT META tag should affect the media query.
仅在支持它的浏览器中。桌面浏览器一般不会。
如果您想让桌面浏览器使用 CSS 通常只需要较小的屏幕，那么最好的办法是使用两个单独的 <link> 元素并使用 media属性来指定您的媒体查询。然后使用 JavaScript 更改媒体查询以匹配显示（而不是显示以匹配媒体查询）。
我正在尝试编写一个功能，使用户能够在移动和桌面布局之间切换。我正在使用媒体查询来区分布局：
@media screen and (max-width: 1024px) {
.... some definitions
}
我的理解是，VIEWPORT META 标签应该影响媒体查询。所以，我认为这
<meta name="viewport" content="width=640" />
应该对我的病情做出积极评价
@media screen and (max-width: 1024px)
不幸的是，事实并非如此。我错了吗？如果是，有什么办法，如何影响媒体查询？
My understanding is, VIEWPORT META tag should affect the media query.
仅在支持它的浏览器中。桌面浏览器一般不会。
如果您想让桌面浏览器使用 CSS 通常只需要较小的屏幕，那么最好的办法是使用两个单独的 <link> 元素并使用 media属性来指定您的媒体查询。然后使用 JavaScript 更改媒体查询以匹配显示（而不是显示以匹配媒体查询）。