Jquery mobile 响应性移动设计

Jquery mobile 响应性移动设计,jquery-mobile,mobile,responsive-design,Jquery Mobile,Mobile,Responsive Design,我开发了一个网站。桌面上的布局很好。但它没有反应。我试着用媒体查询手机,比如 @media only screen and (min-device-width: 320px) and (max-device-height: 640px) { ..... } 我正在使用chrome开发工具,并根据320 x 640的大小在网站上进行更改。现在这个问题在模拟器中很好,但在实际的移动设备中却没有 帮我找到解决办法 您描述的症状表明您的页面头部可能没有视口元标记,因此请先仔细检查 你想要的是 <

我开发了一个网站。桌面上的布局很好。但它没有反应。我试着用媒体查询手机,比如

@media only screen
and (min-device-width: 320px) and (max-device-height: 640px)
{
.....
}
我正在使用chrome开发工具,并根据320 x 640的大小在网站上进行更改。现在这个问题在模拟器中很好,但在实际的移动设备中却没有


帮我找到解决办法

您描述的症状表明您的页面头部可能没有视口元标记,因此请先仔细检查

你想要的是

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

...
...  
有关视口元标记的详细信息

您尝试过twitter引导框架吗?它为你完成所有这些任务。你在html标题部分添加了这个吗?没有。我不知道引导。是的。。我补充道..@SujithI不会因为身高而让事情变得过于复杂,如果你不需要的话
@media(最大宽度:500px){/*styles here*/}
另外,如果您正在进行媒体查询,请检查此项,最好了解放大和缩小之间的差异:,