搜尋此網誌

Blogger 彈性版面,隨視窗大小調整版面寬度

<b:template-skin>
  <b:variable default='930px' name='content.width' type='length' value='1024px'/>
  <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  <b:variable default='360px' name='main.column.right.width' type='length' value='220px'/>

  <![CDATA[
  body {
    min-width: $(content.width);
  }

  .content-outer, .content-fauxcolumn-outer, .region-inner {
    min-width: $(content.width);
    max-width: $(content.width);
    _width: $(content.width);
  }

由上面程式碼可知content.width均代表1024px,而min-width與max-width也都被設定成content.width,也就是版面寬度固定為1024px,只要將max-width: $(content.width);改成max-width: 100%;即可

沒有留言:

張貼留言