一种方法是使用媒体查询。如果特定条件为真,媒体查询用于应用一些 CSS 属性。
将 id (或唯一的类)添加到所有三个 col div 并将视口添加到 html 文件的
<head>
,如下所示:
<head>
<meta name='viewport' content='width=device-width,initial-scale=1'/>
<!-- Other meta tags ... -->
</head>
并将此 css 属性添加到您的样式中:
@media (max-width: 599px) {#col1, #col2 { display: none; }}