响应式网页设计怎么学习 怎么提高学习效率
响应式我是几天就学会的,在这之前只会基本的网页制作,而且还不怎么会处理浏览器兼容。
在制作响应式网页直接,你只需要明确一个要点,就是设计网页布局的时候千万别凌乱,而且要相对严格的控制盒子的位置。
响应式网页我一般的布局是由上至下一个盒子一个盒子的慢慢堆下来,盒子里面再从左至右摆放,严格控制高度宽度不出现超出和错位。这样可以最大避免在进行响应式处理的时候出现各种问题,增加代码量,代码的精简和最开始从布局入手直接决定后面的进展,也是最关键的地方。
其次就是css3各种属性的使用,其实响应式不一定非得h5,主要起作用的就是css3的新支持,对于我的经验而言,本质上说要兼容IE8,用html4比较好。在css3中对于屏幕分辨率的判断(具体代码你可以百度),基本决定了响应式的一切,其实bootstrap的栅格布局就是很好的参考,不同分辨率下不断减小的div宽度,和自动跟随内容增长的盒子高度,都是很好的借鉴。
同时响应式也需要一些js的基础,对于屏幕分辨率的监控,我现在对于兼容问题就完全靠js来解决了。
上述这么多就是个人经验的简述,其实关键是html的基础决定了一切,只要做多了实际项目,你的思路就会变得非常明确。
我当时是怎么学会的呢?答案是公司逼的,学不会响应式就可能过不了考核期,于是自己短短四天就做项目学会了,最明显的感觉就是,只要项目做多了,甚至是研究其它网页的代码,都可以感觉到其中的规律。
多重随机标签
常熟市住房和城乡建设局内设机构 成都好的公司有哪些 水之蔻洗发水怎么样 参加辩论赛的方法是什么 梧州市户外广告设置管理暂行办法第五章 商城网站建设想要有流量需要哪些条件 abode公司 建个公司内部网站需要搭建一个服务器吗 怎么才能制作出动画 神达电脑集团简介 健康管理师证书怎么考 衡水市第二中学设施建设 内蒙古出口级盐酸特比萘芬中间体供应厂家 房山发展为什么缓慢 西安优就业和蜗牛哪个好 微信怎么开小程序网店 最好用的狗狗app是哪个 开设商检技术专业大学有哪些 阿里小站安全吗 赴美生子公益课堂关于美国月子中心 cg怎样在蚂蚁兼职上发布工作 北京宏利金朋科技服务有限公司怎么样 无需登录可文件传 繁昌县繁昌一中 安徽四线城市有哪些地方 怎么向工信部投诉 莒县所有乡镇阴历逢集时间 网站seo优化的六大步骤有哪些 广告店名字怎么取好 有创意的广告店名字 江西中联建设集团有限公司百科介绍