Android 使网站页面大小在移动设备中为正常桌面大小
我正在对当前网站进行重新编码,我遇到了一个移动兼容性问题 如果您通过移动设备()查看当前网站,您可以看到网站的宽度和高度都是正常大小的,就像在桌面上进行垂直和水平滚动时一样 但是,在我的新网站上(使用bootswatch-bootswatch.com/slate/中的bootstrap slate),当您在移动设备上预览它时,它会尝试将其全部压缩到固定的移动设备宽度() 我已经尝试添加下面的行,但是我看不出有什么不同Android 使网站页面大小在移动设备中为正常桌面大小,android,html,css,jquery-mobile,mobile,Android,Html,Css,Jquery Mobile,Mobile,我正在对当前网站进行重新编码,我遇到了一个移动兼容性问题 如果您通过移动设备()查看当前网站,您可以看到网站的宽度和高度都是正常大小的,就像在桌面上进行垂直和水平滚动时一样 但是,在我的新网站上(使用bootswatch-bootswatch.com/slate/中的bootstrap slate),当您在移动设备上预览它时,它会尝试将其全部压缩到固定的移动设备宽度() 我已经尝试添加下面的行,但是我看不出有什么不同 <meta name="viewport" content="width
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
html,
body {
height: 100%;
width: 100%;
}
html,
身体{
身高:100%;
宽度:100%;
}
有没有办法让新站点在移动设备中以与当前站点相同的维度显示
谢谢。对于自举it,禁用响应的步骤如下所示。您可以在禁用此选项的情况下下载模板/CSS。退房 禁用页面响应的步骤 忽略CSS文档中提到的视口 使用单个宽度覆盖每个网格层的.container上的宽度,例如宽度:970px!重要的;确保这是在默认引导CSS之后。您可以选择避免!重要的媒体查询或一些选择。 如果使用导航栏,请删除所有导航栏的收拢和展开行为。 对于网格布局,使用.col xs-*类作为中型/大型类的补充或替代。别担心,超小型设备网格可以扩展到所有分辨率。
对于IE8,您仍然需要Respond.js(因为我们的媒体查询仍然存在,需要处理)。这将禁用引导的“移动站点”方面。我想您看到的是引导的响应行为。而且,在移动设备上,将内容与设备宽度相适应显然是有意义的 您可以在此处阅读有关在引导项目中禁用响应功能的内容: 更新: 要使内容水平滚动,请添加:
html, body {
overflow: auto;
}
到您的样式表
如果这不起作用,请尝试添加!声明的重要内容
:
html, body {
overflow: auto !important;
}
注意:
这并不是css性能方面最有效的方法,但考虑到您对css的理解水平,我想您自己修改bootstrap.css可能太难了。当我将bootstrap配置为无响应时,我就无法在移动设备的网页上水平滚动,有什么想法吗?谢谢