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

发布网友 发布时间:2022-04-22 00:27

我来回答

2个回答

热心网友 时间:2022-04-20 02:09

响应式我是几天就学会的,在这之前只会基本的网页制作,而且还不怎么会处理浏览器兼容。
在制作响应式网页直接,你只需要明确一个要点,就是设计网页布局的时候千万别凌乱,而且要相对严格的控制盒子的位置。
响应式网页我一般的布局是由上至下一个盒子一个盒子的慢慢堆下来,盒子里面再从左至右摆放,严格控制高度宽度不出现超出和错位。这样可以最大避免在进行响应式处理的时候出现各种问题,增加代码量,代码的精简和最开始从布局入手直接决定后面的进展,也是最关键的地方。
其次就是css3各种属性的使用,其实响应式不一定非得h5,主要起作用的就是css3的新支持,对于我的经验而言,本质上说要兼容IE8,用html4比较好。在css3中对于屏幕分辨率的判断(具体代码你可以百度),基本决定了响应式的一切,其实bootstrap的栅格布局就是很好的参考,不同分辨率下不断减小的div宽度,和自动跟随内容增长的盒子高度,都是很好的借鉴。
同时响应式也需要一些js的基础,对于屏幕分辨率的监控,我现在对于兼容问题就完全靠js来解决了。

上述这么多就是个人经验的简述,其实关键是html的基础决定了一切,只要做多了实际项目,你的思路就会变得非常明确。
我当时是怎么学会的呢?答案是公司*的,学不会响应式就可能过不了考核期,于是自己短短四天就做项目学会了,最明显的感觉就是,只要项目做多了,甚至是研究其它网页的代码,都可以感觉到其中的规律。

热心网友 时间:2022-04-20 03:27

百度一下你就知道

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com