根据屏幕分辨率更改css

Question

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

我对屏幕尺寸以及如何使用CSS进行了解。我在我的网页上应用了它，但它不会影响其他桌面和笔记本电脑，具有不同的屏幕分辨率。

任何人都可以帮我解决这个问题吗？如果有任何出路可以根据屏幕分辨率更改CSS。

感谢。

Answer 1

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

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

你可以使用min-width，max-width并混合这些

有关详细信息，请查看此页面： Media Queries CSS

最常见的查询是：

小型设备（平板电脑，768像素及以上）：@ media（最小宽度： 768px ）

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

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

Answer 2

你应该像这样使用media Queries -

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

请点击链接了解更多详情 -

<强> Link

也不要忘记meta tag

中的head

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