web - 使 bulma 网站在移动设备和桌面设备中一样

Question

我正在使用 bulma.io 框架创建一个网站。Bulma 的优点之一是它对更改屏幕尺寸非常敏感，这使其非常适合移动设备。

但是，对我来说，我不想要这个功能。我希望移动设备上的网站看起来与桌面上的网站完全相同，只需将其缩放，以便查看者仍然可以通过正确的布局看到他们想要的内容。

我根本不是 CSS/HTML/JS 专家，而且我对网页设计很陌生，但我想知道是否有人对此有解决方案？

标签： webmobilebulmaresponsiveness

Answer 1

默认情况下，列仅从平板电脑开始激活。这意味着列在移动设备上彼此堆叠。如果您希望列也可以在移动设备上工作，只需在列容器上添加 is-mobile 修饰符。

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" rel="stylesheet" />
<div class="columns is-mobile">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
  <div class="column">4</div>
</div>

https://bulma.io/documentation/columns/responsiveness/