col-md覆盖col-sm以降低分辨率

Question

Col-md 在bootstrap-4中覆盖了 col-sm

Answer 1

典型的针对移动设备进行优化的网站应包含以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1">

width属性控制视口的大小。可以将其设置为特定数量的像素，例如width=600或特殊值device-width，即CSS像素的屏幕宽度，缩放比例为100％。 （有相应的height和device-height值，这对于包含根据视口高度更改大小或位置的元素的页面可能有用。）

initial-scale属性控制页面首次加载时的缩放级别。 maximum-scale，minimum-scale和user-scalable属性控制如何允许用户放大或缩小页面。