我正在努力解决媒体查询问题。
在元素部分，我想显示 3 张卡片，我想这样做的方法是在桌面上隐藏卡片 4。
在移动设备上，我希望第二张 (Alias Photography) 卡片首先出现，因此我想隐藏卡片 1。
在小屏幕上，任何低于 575px 的东西，我都将 card-1 设置为属性 display:none。这行得通
但是当我放大到大于 575 像素的任何东西时，card-4 上的 display:none 属性不起作用，而且我认为它不会起作用。
请有人检查我网站上的代码，看看为什么会发生这种情况？下面是我目前正在制作的网站的链接。
最佳答案
如果您使用 Dreamweaver 构建网站，我遇到了同样的问题。当我注意到桌面版本继承了移动版本的样式时，我修复了它。因此，如果您给某个元素显示:无；在手机的样式中，并且您希望它显示在桌面上，您必须将桌面中的样式更改为显示: block 。如果您希望某些内容在移动设备上显示而不是在桌面设备上显示，则反之亦然。希望我有所帮助。
关于html - 显示:无属性在响应式网站上不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50775561/