Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/205.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 使网站页面大小在移动设备中为正常桌面大小_Android_Html_Css_Jquery Mobile_Mobile - Fatal编程技术网

Android 使网站页面大小在移动设备中为正常桌面大小

Android 使网站页面大小在移动设备中为正常桌面大小,android,html,css,jquery-mobile,mobile,Android,Html,Css,Jquery Mobile,Mobile,我正在对当前网站进行重新编码,我遇到了一个移动兼容性问题 如果您通过移动设备()查看当前网站,您可以看到网站的宽度和高度都是正常大小的,就像在桌面上进行垂直和水平滚动时一样 但是,在我的新网站上(使用bootswatch-bootswatch.com/slate/中的bootstrap slate),当您在移动设备上预览它时,它会尝试将其全部压缩到固定的移动设备宽度() 我已经尝试添加下面的行,但是我看不出有什么不同 <meta name="viewport" content="width

我正在对当前网站进行重新编码,我遇到了一个移动兼容性问题

如果您通过移动设备()查看当前网站,您可以看到网站的宽度和高度都是正常大小的,就像在桌面上进行垂直和水平滚动时一样

但是,在我的新网站上(使用bootswatch-bootswatch.com/slate/中的bootstrap slate),当您在移动设备上预览它时,它会尝试将其全部压缩到固定的移动设备宽度()

我已经尝试添加下面的行,但是我看不出有什么不同

<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配置为无响应时,我就无法在移动设备的网页上水平滚动,有什么想法吗?谢谢