我接手了一个网站的构建,但该网站根本没有设计为移动设备使用。客户需要能够通过移动设备浏览网站,因此我正在尝试使移动设备上的网站与浏览器上的网站完全相同,并让客户自行缩放。我必须通过媒体查询进行一些小的调整,但这是另一个故事。
在标签下,网站看起来很棒,但似乎我的任何媒体查询都没有生效。当我将width=device-width放入meta标签中时,网站会爆炸并显示为300%缩放。当我放置任何以下内容之一initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0时,我得到的效果与仅放置width=device-width时相同。
到目前为止,唯一给我接近所需效果的是仅在meta标签中放置user-scalable=yes,而没有其他内容,但媒体查询并没有生效。是否需要在媒体查询中使用width=device-width或initial-scale?
这里是我正在使用但未生效的媒体查询:@media only screen and (max-width: 879px) {}
在标签下,网站看起来很棒,但似乎我的任何媒体查询都没有生效。当我将width=device-width放入meta标签中时,网站会爆炸并显示为300%缩放。当我放置任何以下内容之一initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0时,我得到的效果与仅放置width=device-width时相同。
到目前为止,唯一给我接近所需效果的是仅在meta标签中放置user-scalable=yes,而没有其他内容,但媒体查询并没有生效。是否需要在媒体查询中使用width=device-width或initial-scale?
这里是我正在使用但未生效的媒体查询:@media only screen and (max-width: 879px) {}
width=
元标记才能生效?还是只需要user-scalable=yes
就可以工作?似乎只有user-scalable=yes
并不能使其生效。” - Ty Bailey