我正在尝试制作如图所示的响应式卡片布局。
目前我正在做的是分别为计算机、平板电脑和移动设备创建布局。然后在 media 查询 的帮助下,我将其他两个视图的显示属性设置为 display: none 。
例如:如果我在计算机视图中,计算机的卡片布局将不会将显示设置为“无”,而另外两个计算机的 显示将为 none。
这可行,但会导致大量冗余。有一种方法可以使用 Flex 或网格实现所有三种布局。
请指导我。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号