Css 引导3列类和像素比率_Css_Twitter Bootstrap

Css 引导3列类和像素比率

css twitter-bootstrap

Css 引导3列类和像素比率,css,twitter-bootstrap,Css,Twitter Bootstrap,我在布局中的一个div中使用了引导列classescol-xs-12 col-sm-6 col-md-6 col-lg-6，但在像素比为2.2的平板设备上，它似乎选择了col-xs-12而不是col-sm-6 我发现了一个非常类似的问题，但是，作者的css解决方案不适合我，JS解决方案使我的平板电脑布局看起来像一个桌面，这不是我想要的如何在平板电脑（三星Galaxy Tab S5E）上正确显示内容？在网页的中，您需要使用视口元标记将视口设置为始终缩放为1，如下所示： <!DOCTYPE

我在布局中的一个div中使用了引导列classes

col-xs-12 col-sm-6 col-md-6 col-lg-6

，但在像素比为2.2的平板设备上，它似乎选择了col-xs-12而不是col-sm-6

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

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

在网页的

中，您需要使用视口元标记将视口设置为始终缩放为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在其“入门”指南及其基本模板中显示了这一点：

关于进一步的信息，这里有一些关于使用视口元标记调整大小的好文档：