jQurey mobile 设置最小页面宽度的方法

5年以前  |  阅读数:425 次  |  编程语言:HTML/CSS 
@media all and (min-width: 800px) {
  /*#nav {
    width: 300px;
    float: left;
    margin-right: 20px;
  }
  #grid {
    width: 450px;
    float: left;
  }*/
  #pageone{width:640px;margin:0 auto;position:relative;}  /* 屏幕大于800 页面宽度设为640 */
}

@media all and (max-width: 799px) {
  /*#nav {
    width: 100%;
  }
  #grid {
    width: 100%;
  }*/
}
/* 参考: http://www.ibm.com/developerworks/cn/mobile/mo-jquery-responsive-design/index.html  */

Copyright© 2013-2020

All Rights Reserved 京ICP备2023019179号-8