html - 如何控制页面上的 div 或 HTML 元素调整大小为 200%

Question

我正在尝试通过移动（所有手机）、平板电脑（所有平板电脑和平板电脑专业版）和桌面版本的媒体查询来修复响应能力。但我无法修复更大屏幕的 CSS 以及一些调整浏览器大小时。我已经为那些比移动设备更大（480px）和更小的平板电脑（768px）的屏幕尝试了下面的代码，但没有成功获得确切的样式，并且与更小的桌面和更大的平板电脑相同。

@media only screen  and (min-width: 481px) 
    and (max-width: 767px){
    .desktop-navigation{ display:none; } 
}

请指导我如何解决这个问题“我应该如何在调整页面大小时做出响应？”

标签： htmlcssmedia-queries