我正在使用Twitter Bootstrap开发页面。在当前的开发阶段,更改为台式机以外的其他设备分辨率会严重破坏站点的布局。在准备好启动引导程序之前,如何禁用它的响应能力?我想发布该站点的桌面版本,但是如果它在不同的分辨率下无法运行,则无法。我没有bootstrap-sensitive.css文件,所有文件都放入了bootstrap.css。

最佳答案

删除Bootstrap响应式CSS

在您的源代码中,找到样式声明:

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">


只需删除第二个CSS。只有这个:

<link href="assets/css/bootstrap.css" rel="stylesheet">




如果所有文件都合并在一起...

您需要查找并删除负责屏幕宽度的@media查询。删除所有具有以下内容的@media查询:

@media screen and
(min-width: X px) and
(max-width: X px)

@media screen and
(min-device-width: X px) and
(max-device-width: X px)

10-05 20:53
查看更多