2009年10月2日 星期五

設定最小或最大寬或高

於原始CSS寬或高前面多加上min-或是max-
可以一起使用也可以只設其中一種視個人需求去調整
以下以最大寬度不大於1000px, 最小寬度不小於700px設定一個class為例

css的寫法:

.min_max {
min-width: 700px; /* min-weight */
max-width: 1000px; /* max-weight */
width:expression(document.body.clientWidth < 700? "1000px" : document.body.clientWidth > 700? "1000px" : "auto"); /* for IE6 */
}

width:expression(document.body.clientWidth < 700? "1000px" : document.body.clientWidth > 700? "1000px" : "auto");
這行則是給IE6或更舊的瀏覽器觀看的, IE7,8和Firefox等較新的瀏覽器已經支援 min-width 和 max-width 的 CSS 語法.

沒有留言:

張貼留言