<分区>
标签 javascript html css ios ipad
<分区>
您好，我在网站上工作了一段时间。 (我是 html/css 的新手)我正准备发布，但我的网站在较小的屏幕分辨率下看起来很糟糕，而且我一直很难学习媒体查询和实现它们。假设我想用它在 1024 X 768 下使 div 标签中间缩小 50% 我必须应用哪些不同的属性以及我将使用什么媒体查询？非常感谢您的帮助
最佳答案
@media screen and (max-width: 1024px){
div { width: 50%;}
}
假设您的 div 通常为 100%。如果是 960px。使 width: 480px 等
这可能就是您想要的。您还可以指定 height、aspect-ratio、orientation 等，但是 max-width 可以完成很多工作无需太具体。这是 spec如果您想深入挖掘。
这是一个有效的 example .
关于javascript - 如何正确使用媒体查询(css)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9389444/