如何使用瀏覽器或屏幕分辨率與css

我正在爲mybb論壇的頁面上工作，我添加了一些圖像，我希望它們與屏幕分辨率成比例，所以如果我有17「它看起來與19「屏幕的人一樣。因爲現在圖像看起來都搞砸了。這是我正在處理的頁面。 http://crescentgaming.com/forums/test.php 如何使用瀏覽器或屏幕分辨率與css

2013-05-04 Mike Jones

嘗試查找CSS媒體查詢https ：//developer.mozilla.org/en-US/docs/CSS/Media_queries – Ejaz 2013-05-04 01:22:41

爲什麼不只是寬度100％？結合媒體查詢服務最接近的分辨率應該這樣做 – 2013-05-04 01:23:36

測試中的圖像是什麼？目前還不清楚「不變」的屏幕尺寸是什麼意思。 – ArleyM 2013-05-04 01:24:08

在你的CSS中，使用百分比。

HTML

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

CSS

img{ 
    width: 45%; 
}

當然，你可以切換到任何你想要個百分點。 JavaScript有更復雜的方式，但這通常適用於我（對我而言）。

2013-05-04 01:24:03

嘗試％，而不是PX裝置或使用@media並指定尺寸的任何決議 @media

我希望這將有助於 PS：在@media下，你可以指定變化只對某些元素，ID或類，所以你不必重新設計洞頁面（據我所知）所以不要害羞，試試看:)

2013-05-04 01:31:04

回答