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

Question

我在bootstrap中完成了网站，并且在小型设备中仍然没有响应，我看到很多网站都没有使用bootstrap或媒体查询响应。这些响应式网站如下所示：

码

但我的看起来像这个

码

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

Answer 1

您是否使用过Grid类Bootstrap网格系统有四个类：

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

Answer 2

根据屏幕大小，他们有一些属性，如

col-xs- $额外的小手机小于768px col-sm- $小型设备平板电脑768px和Up col-md- $中型设备台式机992px和Up col-lg- $大型设备大型台式机1200px及以上