问Bootstrap 3个列类别和像素比率
EN

Stack Overflow用户

提问于 2019-12-19 23:47:48

回答 1查看 77关注 0票数 0

我在布局中的一个div中使用了引导列类col-xs-12 col-sm-6 col-md-6 col-lg-6，但在像素比率为2.2的平板设备上，它似乎选择了of xs-12而不是of sm-6。

我发现了一个非常类似的问题Here然而，作者的css解决方案对我不起作用，JS解决方案使我的平板电脑布局看起来像一个桌面，这不是我想要的。

如何在平板电脑上正确显示内容(三星Galaxy Tab S5E)？

css

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2019-12-20 23:33:11

在网页的<head>中，您需要使用viewport元标签将viewport设置为始终缩放为1，如下所示：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

  </head>
  <body>
  </body>
</html>

Bootstrap在他们的基本模板“入门”指南中展示了这一点：https://getbootstrap.com/docs/3.4/getting-started/#template

有关更多信息，这里有一些关于使用viewport元标记调整大小的很好的文档：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59412981

复制

相似问题

问Bootstrap 3个列类别和像素比率
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3个列类别和像素比率EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3个列类别和像素比率
EN