启嘟渡科技商贸有限公司
SEARCH

与我们合作

我们专注提供互联网一站式服务,助力企业品牌宣传多平台多途径导流量。
主营业务:网站建设、移动端微信小程序开发、营销推广、基础网络、品牌形象策划等

您也可通过下列途径与我们取得联系:

微 信: wxyunyingzhe

手 机: 15624122141

邮 箱:

响应式网页设计怎么学习 怎么提高学习效率

更新时间:2024-12-22 20:20:21

响应式我是几天就学会的,在这之前只会基本的网页制作,而且还不怎么会处理浏览器兼容。

在制作响应式网页直接,你只需要明确一个要点,就是设计网页布局的时候千万别凌乱,而且要相对严格的控制盒子的位置。

响应式网页我一般的布局是由上至下一个盒子一个盒子的慢慢堆下来,盒子里面再从左至右摆放,严格控制高度宽度不出现超出和错位。这样可以最大避免在进行响应式处理的时候出现各种问题,增加代码量,代码的精简和最开始从布局入手直接决定后面的进展,也是最关键的地方。

其次就是css3各种属性的使用,其实响应式不一定非得h5,主要起作用的就是css3的新支持,对于我的经验而言,本质上说要兼容IE8,用html4比较好。在css3中对于屏幕分辨率的判断(具体代码你可以百度),基本决定了响应式的一切,其实bootstrap的栅格布局就是很好的参考,不同分辨率下不断减小的div宽度,和自动跟随内容增长的盒子高度,都是很好的借鉴。

同时响应式也需要一些js的基础,对于屏幕分辨率的监控,我现在对于兼容问题就完全靠js来解决了。

上述这么多就是个人经验的简述,其实关键是html的基础决定了一切,只要做多了实际项目,你的思路就会变得非常明确。

我当时是怎么学会的呢?答案是公司逼的,学不会响应式就可能过不了考核期,于是自己短短四天就做项目学会了,最明显的感觉就是,只要项目做多了,甚至是研究其它网页的代码,都可以感觉到其中的规律。

多重随机标签

猜你喜欢文章

QQ客服 电话咨询