视口无法在移动设备上显示桌面视图 - 引导程序设计



我的客户要求我必须在移动设备上显示桌面版本。他告诉我,他希望网站响应迅速,所以我使用了引导程序,现在他想在移动设备上显示桌面视图。

我在互联网上浏览了许多解决方案,唯一似乎对我的情况密切相关的解决方案是设置视口标签。

这是代码

<meta name="viewport" content="width=1024">

现在的事情是它大部分工作,但仍然有一些领域它仍然遵循响应式视图。我也尝试过content="width=1200".它有效,但网站上有一个小的水平滚动,或者在某些情况下,末尾的某些部分留空!

如果有人想看,这里是现场演示:

http://nextcrawl.co/website/doubledouble/

您似乎已经有了正确的元视图设置,剩下的就是为您的.container类提供设定的宽度:

.container {
    width: 1024px;
}

并将标题导航和其他元素包装到.containerdiv 中。

试试这个

<meta name="viewport" content="width=device-width, initial-scale=1">

最新更新