Mobile 如果屏幕宽度小于700px,则应使用mediaqueries添加另一个css样式表。。。但是它没有´;T

Mobile 如果屏幕宽度小于700px,则应使用mediaqueries添加另一个css样式表。。。但是它没有´;T,mobile,stylesheet,media-queries,Mobile,Stylesheet,Media Queries,我正在使用不同的样式表,用于智能手机和更小的屏幕尺寸,使用 问题是,在我的浏览器中,它可以正常工作(当我缩小窗口时,或者当我使用模拟一些较小设备的站点时),但当我尝试使用手机访问我的站点时,它将无法工作。 我试过使用HTC Wildfire(240x320像素),并将我的Smartphone.css样式表设置为在屏幕小于700px时调用 我已经删除了缓存,我甚至试过用其他几部手机。。。它仍然是我网站的完整、正常、大窗口版本 你有什么想法吗 该网站是liganet.net 谢谢 可能是因为你的智能

我正在使用不同的样式表,用于智能手机和更小的屏幕尺寸,使用

问题是,在我的浏览器中,它可以正常工作(当我缩小窗口时,或者当我使用模拟一些较小设备的站点时),但当我尝试使用手机访问我的站点时,它将无法工作。 我试过使用HTC Wildfire(240x320像素),并将我的Smartphone.css样式表设置为在屏幕小于700px时调用

我已经删除了缓存,我甚至试过用其他几部手机。。。它仍然是我网站的完整、正常、大窗口版本

你有什么想法吗

该网站是liganet.net


谢谢

可能是因为你的智能手机没有告诉你的网站它的屏幕太小。智能手机有时也会出现这种情况。我的HTC Wildfire会滚动窗口并保持其大,而不是告诉网站应该给它一个小版本


也许您应该检查
用户代理的HTTP头,而不是依赖屏幕大小来完成此操作。

只需将此添加到标记中即可

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它会起作用的