响应式开发学习
今儿去面试某大厂的前端开发工程师,上来直接就问我移动端的项目做过么?我说没做过,然后开始甩脸子,一点js都没问,问几个基础的css样式就打发我走了。。。心里一万匹xxx奔腾。所以决定学习下响应式的开发。内容是在慕课网上选择了姜维老师的响应式开发一招致胜加上自己的总结。就是这样。2019/11/26 气愤的留念
高辕
这个作者很懒,什么都没留下…
展开
-
响应式开发学习之旅-------移动端样式处理方法+再看css选择器
在pc端样式确定后,实现移动端样式主要靠媒体查询书写位置:可以写在最后面,****可以写在有修改的旁边确定断点:可以根据设计稿来决定,如果哪端的用户比较多,可以更加细分@media only screen and (max-width:800px){}@media only screen and (min-width:481px) and (max-width:...原创 2019-11-26 23:27:29 · 89 阅读 · 0 评论 -
响应式开发学习之旅-------准备配置
CSSNormalize.css用于强制统一各个浏览器中的html标签样式px,em,rempx1px相当于一个像素em相对的长度单位em相对参照物为父元素的font-sizeem具有继承性,如果父没有,会继续往上找当没有设置font-size时,浏览器会有一个默认的em设置:1em=16px缺点:...原创 2019-11-26 22:10:27 · 78 阅读 · 0 评论 -
响应式开发学习之旅-------首先编写html
如果ie版本过低,可以这样显示<!--[if lte IE8]> <p>您的浏览器版本过低,请到<a href="http://browsehappy.com/"> 这里 </a>升级</p><![endif]-->常用的标签<header></header><div&...原创 2019-11-26 21:01:30 · 92 阅读 · 0 评论 -
响应式开发学习之旅-------如何确定项目目录结构
如何确定项目目录结构doc//项目文档src//项目源文件 css main.css //主要样式 normalize.css //通用样式 login.css //如果某个页面的单独样式 js vendor //引用的第三方文件 jquery.js jq...原创 2019-11-26 19:51:55 · 111 阅读 · 0 评论 -
响应式开发学习之旅-------学习的目标 和 什么是响应式网站
学习的目标1,什么是响应式网站2,如何从零开始编写一个响应式网站(如何改装)3,开发中有哪些主流的,前沿的技术4,网站开发必备知识讲解什么是响应式网站简单来说:同一个网站,在不同尺寸的设备上会显示不一样的样式,包括布局,大小,显示内容等。优点和缺点:优点:减少工作量, 只有一个网站即可。 多出来的工作量只是js脚本,css样式。...原创 2019-11-26 19:25:54 · 118 阅读 · 0 评论