如何使网站在小型设备中缩放和查看

Question

我在bootstrap中完成了网站，但仍然没有在小型设备中响应，我看到很多网站都没有使用bootstrap或媒体查询响应。 这些响应式网站看起来像这样：

码

但我的看起来像

码

我不知道如何让我的网站像第一个那样进行缩放和查看。我很高兴请帮忙。任何帮助表示赞赏。谢谢。

Answer 1

你使用过吗？ 网格类 Bootstrap网格系统有四个类：

xs（适用于手机 - 屏幕宽度小于768像素） sm（用于平板电脑 - 屏幕宽度等于或大于768px） md（适用于小型笔记本电脑 - 屏幕宽度等于或大于992px） lg（适用于笔记本电脑和台式机 - 宽度等于或大于1200px的屏幕） 上面的类可以组合在一起，以创建更加动态和灵活的布局。 请检查

Answer 2

根据屏幕大小，它们具有一些属性，例如

col-xs- $小于768px的小型手机 col-sm- $小型设备平板电脑768px及以上 col-md- $ Medium Devices桌面992px及以上 col-lg- $大型设备大型台式机1200px及以上