Mobile 移动设备上的站点未调整大小或重新定向

Mobile 移动设备上的站点未调整大小或重新定向,mobile,Mobile,我的网站没有在移动设备上调整大小或方向。我试着把 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" /> 在代码中,但这没有帮助 有没有一种简单的方法可以让一个站点在移动设备上重新定位自己,并在移动设备上适应自己,而不考虑方向 我已经读了好几篇关于这个主题的文章,但是解决方案似乎对我不起作用。使用带有max width的媒体查询 @media(max

我的网站没有在移动设备上调整大小或方向。我试着把

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

在代码中,但这没有帮助

有没有一种简单的方法可以让一个站点在移动设备上重新定位自己,并在移动设备上适应自己,而不考虑方向


我已经读了好几篇关于这个主题的文章,但是解决方案似乎对我不起作用。

使用带有
max width
的媒体查询

@media(max-width:479px){
    //css rules for mobile here
}

你的网站应该根据方向进行调整

请参见此处,您可以输入不同的媒体查询:

例如iPhone5:

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
//your css style
}
使用(方向:横向)或(方向:纵向)并相应地进行css编辑


我不确定你是否用“流体布局”和“流体图像”设计了你的网站。

我们需要看看你的CSS,这些事情不会神奇地发生。很抱歉。。。