要求頁面在達到一個指定寬度後就不再隨視窗寬度的減小而減小。
交流區裡無意找到這個話題後，感覺有必要放在文章裡。
具體的代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>測試頁</title>
<style type="text/css">
body{ margin:0 auto }
#wrap{
height:300px; margin:0 auto; background:#ccc;
width:expression(document.body.clientWidth <= 600? "600px": "auto" );
min-width:600px;
}
</style>
</head>
<body>
<div id="wrap">
</div>
</body>
</html>
width:expression這段是針對IE的，因為它沒有支援min-width屬性。而是需要通過JS判斷當前視窗的寬度document.body.clientWidth是否小於指定的寬度。
(ps:?? ... ? ... : ... 其實是判斷的縮寫。就是判斷問號前的條件是否成立，成立則執行 : 號之前的語句)
CSS學習網站：http://www.w3pop.com/learn/view/p/1/o/1/doc/wd_min-width/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
