Question

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

但是，对我来说，我不需要此功能。我希望移动设备上的网站看起来与台式机上的网站完全一样，只是将其缩放即可，以便查看者仍可以通过正确的布局看到他们想要的内容。

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

Answer 1

默认情况下，仅从平板电脑开始激活列。这表示列在移动设备上彼此堆叠。如果你想专栏也可以在移动设备上使用，只需在列容器。

<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/

使bulma网站在移动设备上与台式机一样

1 个答案: