mobile - 网站未在移动设备上调整大小或重新定向

Question

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

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

在代码中，但这没有帮助。

是否有一种简单的方法可以让网站在移动设备上重新定位并使其适应移动设备而不考虑方向？

我已经阅读了有关此主题的几篇文章，但解决方案似乎对我不起作用。

Answer 1

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

请参阅这里是您可以输入的不同媒体查询：

例如 iPhone5：

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

使用 (orientation:landscape) 或 (orientation:portrait) 并相应地进行 css 编辑。

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

Answer 2

将媒体查询与max-width.

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