根据屏幕分辨率更改css答案

【问题标题】：Changing css as per screen resolution根据屏幕分辨率更改css
【发布时间】：2015-10-29 21:46:49
【问题描述】：

我的网页在不同的计算机分辨率下显示不同大小的文本。我需要使用 CSS 修复它。

我知道屏幕尺寸以及如何使用 CSS 来实现。我在我的网页中应用了它，但它不会影响其他具有不同屏幕分辨率的台式机和笔记本电脑。

谁能帮我解决这个问题，如果有任何方法可以根据屏幕分辨率更改 CSS。

谢谢。

【问题讨论】：

【解决方案1】：

你应该像这样使用media Queries-

@media (min-width: 700px), handheld and (orientation: landscape) { ... }

点击链接了解更多详情 -

也不要忘记meta tag 中的head

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】：

【解决方案2】：

您应该使用以下媒体查询：

@media screen and (min-width: 480px) {
     body {font-size: 12px;}
}

你可以使用最小宽度，最大宽度，也可以混合使用这些

有关完整详情，请查看此页面： Media Queries CSS

最常见的查询是：

小型设备（平板电脑，768px 及以上）：@media (min-width: 768px)

中型设备（台式机，992px 及以上）：@media（最小宽度：992px）

大型设备（大型桌面，1200px 及以上）：@media (min-width: 1200px)

【讨论】：