當瀏覽器變得更小時，是否可以捕獲瀏覽器寬度並仍然調整內容

-2

以下是一個示例。如果我，例如，設置身體70em然後調節瀏覽器寬度此規則當寬度481px和1,024像素x之間當瀏覽器變得更小時，是否可以捕獲瀏覽器寬度並仍然調整內容

@media only screen and (min-width: 481px) and (max-width: 1024px) 
{ 
    body 
    {  
     background : #B0E0E6 url(img/bg.jpg) no-repeat; 
    } 
}

是真實的。但是，當我有身體給出width:70em內容不會被調整時，我的瀏覽器的寬度變小。

如果我現在稍微改變一點，並將主體中的寬度設置爲80％，則當瀏覽器的寬度較小時，內容會自動縮小。

在我看來，當瀏覽器例如在481px和1024px之間時，不可能捕捉到，並且同時當瀏覽器寬度變得更小時，內容能夠變小。

所以我的問題是，如果有可能既能夠趕上當瀏覽器的寬度爲481px和1,024像素之間，同時自動調整內容進行調整時，瀏覽器

來源

2013-09-10 user2658578

您設置的寬度寬度爲70em。這是一個固定的寬度（或多或少的考慮它是基於字體大小）。在媒體查詢中，您不需要在任何地方設置寬度。你只需設置背景。您需要調整要在媒體查詢中調整大小的對象的寬度。所以如果你有

body{ 
    width:70em; 
} 

@media only screen and (min-width: 481px) and (max-width: 1024px) 
{ 
    body 
    {  
     background : #B0E0E6 url(img/bg.jpg) no-repeat; 
     width: 50em; 
    } 
}

這將根據您指定的媒體查詢來調整身體大小。此外，你可能希望查找CSS單位，以確保你想使用em（因爲通過你的描述，％可能會滿足你的需求）：http://www.w3schools.com/cssref/css_units.asp

來源

2013-09-10 23:46:22 JaCraig

但正如我所提到的，當我在身體中給出寬度爲70em例如，當我使瀏覽器變小時，我在例如ap標籤的段落中的內容不會縮小。那麼我該如何解決這個問題？ – user2658578

假設我理解你的問題，我有一個問題。你是否爲該段設置了固定尺寸？如果是這樣，那會導致它在身體沒有調整時調整大小。 – JaCraig

當瀏覽器變得更小時，是否可以捕獲瀏覽器寬度並仍然調整內容

回答

相關問題