Question

我正在mybb论坛的一个页面上工作，我添加了一些图像，我想让它们按屏幕分辨率进行缩放，所以如果我有一个17“它看起来和19”屏幕的人一样。因为现在图像看起来都搞砸了。这是我正在处理的页面。 http://crescentgaming.com/forums/test.php

Answer 1

在CSS中，使用百分比。

HTML

<img src="/folder/whatever.jpg">

CSS

img{
  width: 45%;
}

当然，您可以将其切换到您想要的百分比。使用JavaScript有一种更复杂的方式，但这通常有效（对我而言）。

Answer 2

尝试％而不是px单位或使用@media并指定任何分辨率的尺寸 @media

我希望这会有所帮助 PS：在@media下，您只能为某些元素，ID或类指定更改，因此您不必重新设计漏洞页面（据我所知），所以不要羞于尝试：）< / p>