响应式网页设计怎么学习 怎么提高学习效率
响应式我是几天就学会的,在这之前只会基本的网页制作,而且还不怎么会处理浏览器兼容。
在制作响应式网页直接,你只需要明确一个要点,就是设计网页布局的时候千万别凌乱,而且要相对严格的控制盒子的位置。
响应式网页我一般的布局是由上至下一个盒子一个盒子的慢慢堆下来,盒子里面再从左至右摆放,严格控制高度宽度不出现超出和错位。这样可以最大避免在进行响应式处理的时候出现各种问题,增加代码量,代码的精简和最开始从布局入手直接决定后面的进展,也是最关键的地方。
其次就是css3各种属性的使用,其实响应式不一定非得h5,主要起作用的就是css3的新支持,对于我的经验而言,本质上说要兼容IE8,用html4比较好。在css3中对于屏幕分辨率的判断(具体代码你可以百度),基本决定了响应式的一切,其实bootstrap的栅格布局就是很好的参考,不同分辨率下不断减小的div宽度,和自动跟随内容增长的盒子高度,都是很好的借鉴。
同时响应式也需要一些js的基础,对于屏幕分辨率的监控,我现在对于兼容问题就完全靠js来解决了。
上述这么多就是个人经验的简述,其实关键是html的基础决定了一切,只要做多了实际项目,你的思路就会变得非常明确。
我当时是怎么学会的呢?答案是公司逼的,学不会响应式就可能过不了考核期,于是自己短短四天就做项目学会了,最明显的感觉就是,只要项目做多了,甚至是研究其它网页的代码,都可以感觉到其中的规律。
多重随机标签
录取通知书什么时候下来 临沂商盾网络信息技术有限公司怎么样 欣贺艾薇女装质量好么 怎样提高环境执法者人文素质 重庆传媒职业学院怎么样 东风柳州汽车有限公司研发新车 好消息叫什么报 hbbuilderx发布后 茂名市栋日网络科技有限公司怎么样 2021镇江清明扫墓怎么预约镇江清明祭扫公交专线时间安排 网页中当鼠标指向链接的字体时字体自动变红并出现下划线是怎么做的 关于macbook的播放器 洛阳呐喊商贸公司简介 无忧路线科技传媒产品服务 关于三国游戏 邢台市股权证托管中心现在属于什么单位 伊莱克斯携旗下两大品牌首次亮相设计上海 定制开发一个app需要具备哪些条件 每2个放一盘 如何增强公民的环保节能意识 干部办公室面积标准 个性的街头流行服饰有哪些 丰城市属于哪个市 神农架属于湖北省的哪个市 北京市顺义区地方税务局主要职责 2023延吉中考分数线多少 一个人生活的经典句子一个人生活的扎心语录 门面招牌制作效果图用什么软件最好 铜丝画的制作方法 中国有嘻哈gosh是什么意思