css - 如何讓用戶放大時查看窗口增長？

我正在用FireFox 3.6.8測試以下腳本。以下腳本的問題是，當用戶放大時，瀏覽器視圖根本不會增長。理想情況下，我希望在瀏覽器的底部可以看到水平條的增長。我相信我錯過了一些關鍵的CSS規則。css - 如何讓用戶放大時查看窗口增長？

任何人都可以幫助嗎？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Test Zoom In</title> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<style TYPE="text/css"> 
#nav-primary { 
     border: border:5px solid red; 
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -470px transparent; 
} 
#nav-primary .wrapper { 
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -510px transparent; 
    height: 39px; 
    padding: 0 5px; 
} 
</style> 
</head> 
<body> 
<div class="member" id="header"> 
<div class="wrapper"> 
    <div id="nav-primary"> 
     <div class="wrapper"> 
     </div> 
    </div> 
</div> 
</div> 
</body> 
</html>

謝謝

來源

2010-08-26 q0987

上＃設置寬度NAV-主要.wrapper CSS類980px（這是圖像的寬度）

來源

2010-08-26 18:33:31

你好維奈，願你告訴我，爲什麼我必須設置寬度才能使橫條顯示出來？謝謝 – q0987 2010-08-26 18:37:54

瀏覽器僅在檢測到頁面內容大於顯示內容時才顯示滾動條。另一方面，背景CSS需要的寬度取決於它所設置的html標籤。所以在你的情況下，即使背景圖像大於屏幕寬度，它所設置的div元素可能會在瀏覽器寬度內呈現。希望能回答你的問題 – 2010-08-26 18:47:37

css - 如何讓用戶放大時查看窗口增長？

回答

相關問題