Html 第二个文件中的媒体查询在移动设备上不起作用
为了解决这个问题,我在这里通读了一堆关于stackoverflow的主题,但还没有找到任何方法来解决它 这就是我得到的: 我得到了一个使用Bootstrap3的webtemplate。包括以下元标记:Html 第二个文件中的媒体查询在移动设备上不起作用,html,css,twitter-bootstrap,mobile,Html,Css,Twitter Bootstrap,Mobile,为了解决这个问题,我在这里通读了一堆关于stackoverflow的主题,但还没有找到任何方法来解决它 这就是我得到的: 我得到了一个使用Bootstrap3的webtemplate。包括以下元标记: <meta name="viewport" content="width=device-width, initial-scale=1"> 如果我缩小浏览器窗口,它似乎可以正常工作,但当我在手机上试用时,它根本不起作用。奇怪的是:我使用的是与引导完全相同的媒体查询,它似乎可以工作。我做
<meta name="viewport" content="width=device-width, initial-scale=1">
如果我缩小浏览器窗口,它似乎可以正常工作,但当我在手机上试用时,它根本不起作用。奇怪的是:我使用的是与引导完全相同的媒体查询,它似乎可以工作。我做错了什么
谢谢,
费边试试这个:
@media screen and (max-width: 767px) {
-----
}
不要忘记使用以下元标记:
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
试试这个:
@media screen and (max-width: 767px) {
-----
}
不要忘记使用以下元标记:
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
试着使用
@media (max-width: 767px) {
width:50px !important;;
max-width:50px !important;
}
试着用
@media (max-width: 767px) {
width:50px !important;;
max-width:50px !important;
}
尝试这样做并不能解决问题(遗憾的是,这并不能解决问题(嗨,Pooja,我刚刚试用过。它再次在浏览器上工作,但在我的S3上不起作用。如果你说的是三星galaxy S3,那么它的屏幕分辨率是1280x720 u,你应该根据这一点更改代码。!请检查我的更新答案Hi Pooja,我刚刚试用过。它再次在浏览器上工作,但在我的S3上不起作用。如果你说的是三星galaxy s3的屏幕分辨率为1280x720,你应该根据此更改代码!请检查我的更新答案Hi Sibin!谢谢你的回答。但这与唯一的图像无关。这是关于我在第二个文件中使用的每个媒体查询在手机的总体设计中都没有使用。Hi Sibin!谢谢你的回答。但我知道这与唯一的图像无关。这是关于我在第二个文件中使用的每个媒体查询在手机的总体设计中都没有使用。