网站没有调整大小，也没有重新定位移动设备

Question

我的网站未在移动设备上调整大小或重新定位。我试过把

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

代码中，但没有帮助。

是否有一种简单的方法让网站可以在移动设备上重新定位，并且无论其方向如何都适合移动设备？

我已经阅读过有关此主题的几篇帖子，但这些解决方案似乎并不适合我。

Answer 1

将媒体查询与max-width一起使用。

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

Answer 2

您的网站应根据方向进行调整。

这里可以看到不同的媒体查询：

例如iPhone5：

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
//your css style
}

使用（方向：横向）或（方向：纵向）并相应地进行css编辑。

我不确定您是否使用“流畅布局”和“流畅图像”设计了网站。