如何开发响应式布局

 时间:2024-10-13 08:41:49

1、方法一:首先使用原生的 div居中处理,中间写一个 蟠校盯昂div 宽度1200px的 div然后在body 设置width 100% 使用 margin left 和right 设置为auto 就可以让这个 宽度只有1200px的 div居中处理,并且 设置 整个 body的 最小 宽度为 min 宽度为 1200px这样在一般的 pc上都可以 进行兼容。

如何开发响应式布局

3、方法三:利用 css3的最新的 @media 标签,进行不同分辨率的判断 然后 设置不同的 css样式,进行 响应式布局,大致 500px一下 500到 1200px 1200px以上 可以分别 写css 分别 适应 mobile pad pc

如何开发响应式布局

5、方法五:使用成熟框架foundation,这个框架 从出生就是移动优先,并且不支持ie78等老式ie浏览器,但是 与之相对应的 重量更少,bootstrap相比较要比 foundation的兼容性好。

如何开发响应式布局

6、总结:使用哪种方法看你选择 也并不是说 复杂的就是最好的,看情况而定,另外很多最新的技术 例如 less(css) angularjs(javascript) 大家也可以尝试一下 。

  • 狂怒2游骑兵动力甲攻略
  • 神佑释放灭绝长袍怎么获得#校园分享#
  • 如何把3GP格式视频转换为MP4格式
  • 如何创建C ++类
  • CCTV微视怎么用
  • 热门搜索
    登山杖什么牌子好 tired是什么意思 质数是什么意思 kiyomi什么意思 描摹的意思 现在买什么股票最好 什么叫利空 联想是什么意思 cj是什么意思 size是什么意思