javascript - 关于网页自适应 responsive framework,目前可以通过哪些技术体现?
大家讲道理
大家讲道理 2017-04-10 14:53:18
0
3
574

比较多见的是bootstrap的栅格系统Grid和Media Query,但是栅格感觉还有一定局限性在里面,想请问下还有其他可以更好实现自适应的方式吗?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆 (3)
伊谢尔伦

3种途径:

  1. js根据屏幕尺寸来改样式,这种方式基本不可取。
  2. 媒体查询。
  3. 针对不同尺寸设备提供不同的css方案。换句话说就是多个开发版本。

栅格不是responsive的本质(25%的宽度,在大屏幕和小屏幕,它都是25%,起作用的还是媒体查询)。建议使用媒体查询。

    小葫芦

    可以看下PURE CSS http://purecss.io/grids/
    它有最多24列删格,而且还能设置每行的列数,相比BS的固定12列灵活很多

      大家讲道理

      栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的,这个规矩可以破。破了规矩,为了语义,你的html就不能挂span1span6之类的的格数类别了。这个就得放在css中做自适应处理了。

      想要知道具体怎么玩?请看github上国外一个人写的一个小项目
      https://github.com/cathydutton/maze

        最新下載
        更多>
        網站特效
        網站源碼
        網站素材
        前端模板
        關於我們 免責聲明 Sitemap
        PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!