![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发 - 响应式开发
文章平均质量分 83
Hayley2016
微信【H19950211H】
2018.08.20学习计划:
《带你学习Jade模板引擎》
《所向披靡的响应式开发》
《Vue+Webpack打造todo应用》
《Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲》
2018.12.18学习计划:
《全面系统讲解CSS工作应用+面试一步搞定》
《Node.js七天搞定微信公众号》
展开
-
所向披靡的响应式开发——如何一招制胜?前端工程师必会技能
之前也接触过响应式开发,大概就是下载一个响应式网站模板,然后替换图片,哈哈!确实没有系统的学习和了解过响应式开发。最近工作还蛮清闲,找出压箱底很久的响应式开发教程,大概一月前看过一些,然后也忘得差不多la,从头开始学习呗!这套课程还是很基础的,但越是基础的东西,越不愿意花心思静下心来学习。看完这套响应式开发教程,不仅能够构建响应式开发前端技术树,还帮助自己整理了部分HTML和CSS基础...原创 2019-06-05 16:13:13 · 1593 阅读 · 2 评论 -
纯干货 —— 响应式图片解决方案
响应式图片不仅仅指图片的排版和布局,还包括根据设备大小加载不同的图片。在移动端设备上访问时,加载与用户设备相匹配的小图片,即快速,又不影响用户体验,也不会因为加载跟移动端不适配的高清大图导致用户流量出走。有些在大屏里看着比较舒服的图片,在手机上看会觉得太小,里边的东西看不清;即使手机分辨率是1920×1080,PC和手机上的图片宽度都是1000,显示的效果也应该不一样,手机上的图片应当更加注重...原创 2018-08-30 16:34:50 · 5215 阅读 · 0 评论 -
px、em、rem
px、em、rem简介px像素(Pixel),相对长度单位,相对于显示屏幕分辨率em,相对长度单位,相对于父元素设置的font-size,页面层级越深,em的换算就越复杂。rem,相对长度单位,相对于HTML根元素设置的font-size,避免了多级嵌套。是CSS3新增的一个相对单位(root em 根em)。em和rem若没有设置上级字体尺寸,则相对于浏览器的默认字体尺寸16px...翻译 2018-07-10 09:26:57 · 887 阅读 · 0 评论 -
响应式开发——媒体查询断点设置实例
关于媒体查询中断点的设置,有两个点需要格外注意!如何选择断点一般情况下,建议根据屏幕尺寸进行断点分割,不要针对特定设备分割。根据设计稿选择合适的断点。动态断点设置在实际应用过程中,用户会根据需要改变浏览器默认文字大小,若让断点能够随着文字的变化而变化,用户体验更佳。那么如何让断点随着文字大小变化而变化呢?我们假设,设置的断点为,(max-width: 800p...原创 2018-10-29 10:27:03 · 1826 阅读 · 0 评论 -
比较流行的响应式框架
BootstrapFoundationSemantic UIPureCSS与君共勉:再牛逼的梦想,也抵不住傻逼般的坚持!原创 2018-12-17 15:12:01 · 576 阅读 · 0 评论