Web 使bulma站点与移动桌面站点一样

Web 使bulma站点与移动桌面站点一样,web,mobile,bulma,responsiveness,Web,Mobile,Bulma,Responsiveness,我正在使用bulma.io框架创建一个网站。Bulma的优点之一是它对改变屏幕大小的反应非常灵敏,这使得它非常适合移动设备 然而,对我来说,我不想要这个功能。我想让手机上的网站看起来和桌面上的完全一样,只是简单地放大它,这样浏览者仍然可以通过正确的布局看到他们想要的东西 我根本不是一个CSS/HTML/JS专家,我对网页设计非常陌生,但我想知道是否有人能解决这个问题 默认情况下,列仅从tablet开始激活。这意味着 在移动设备上,立柱相互堆叠。如果你愿意 要在移动设备上工作,只需在 列容器

我正在使用bulma.io框架创建一个网站。Bulma的优点之一是它对改变屏幕大小的反应非常灵敏,这使得它非常适合移动设备

然而,对我来说,我不想要这个功能。我想让手机上的网站看起来和桌面上的完全一样,只是简单地放大它,这样浏览者仍然可以通过正确的布局看到他们想要的东西

我根本不是一个CSS/HTML/JS专家,我对网页设计非常陌生,但我想知道是否有人能解决这个问题

默认情况下,列仅从tablet开始激活。这意味着 在移动设备上,立柱相互堆叠。如果你愿意 要在移动设备上工作,只需在 列容器


1.
2.
3.
4.
默认情况下,列仅从tablet开始激活。这意味着 在移动设备上,立柱相互堆叠。如果你愿意 要在移动设备上工作,只需在 列容器


1.
2.
3.
4.

我早些时候发现了这一点,并尝试了一下。但问题是,它仍然试图将所有内容压缩到我的手机屏幕上。这导致列太窄,文本和图像也无法再正确匹配。示例:是一个手机屏幕截图。该网站可以在这里的PC上查看:文本和图像也必须有响应。我该怎么做?我是否需要将is mobile添加到所有文本和图像中?
is mobile
表示列的宽度会动态变化。如果不进行设置,则当屏幕宽度为
“Flexible”字体大小且带有Bulma:,则列将堆叠并占据整个宽度。例如,您可以将
is-size-7-mobile
添加到标题中。但这并不完全合适。不使用Bulma,您可以执行类似于或使用库的操作,例如
FitText
。问题是你在小屏幕上再也看不到这种类型了。我之前就知道了,并尝试过。但问题是,它仍然试图将所有内容压缩到我的手机屏幕上。这导致列太窄,文本和图像也无法再正确匹配。示例:是一个手机屏幕截图。该网站可以在这里的PC上查看:文本和图像也必须有响应。我该怎么做?我是否需要将is mobile添加到所有文本和图像中?
is mobile
表示列的宽度会动态变化。如果不进行设置,则当屏幕宽度为
“Flexible”字体大小且带有Bulma:,则列将堆叠并占据整个宽度。例如,您可以将
is-size-7-mobile
添加到标题中。但这并不完全合适。不使用Bulma,您可以执行类似于或使用库的操作,例如
FitText
。问题是,您无法在小屏幕上再看到该类型。