qq_32614411的博客

之前也接触过响应式开发，大概就是下载一个响应式网站模板，然后替换图片，哈哈！确实没有系统的学习和了解过响应式开发。最近工作还蛮清闲，找出压箱底很久的响应式开发教程，大概一月前看过一些，然后也忘得差不多la，从头开始学习呗!这套课程还是很基础的，但越是基础的东西，越不愿意花心思静下心来学习。看完这套响应式开发教程，不仅能够构建响应式开发前端技术树，还帮助自己整理了部分HTML和CSS基础...

响应式图片不仅仅指图片的排版和布局，还包括根据设备大小加载不同的图片。在移动端设备上访问时，加载与用户设备相匹配的小图片，即快速，又不影响用户体验，也不会因为加载跟移动端不适配的高清大图导致用户流量出走。有些在大屏里看着比较舒服的图片，在手机上看会觉得太小，里边的东西看不清；即使手机分辨率是1920×1080，PC和手机上的图片宽度都是1000，显示的效果也应该不一样，手机上的图片应当更加注重...

px、em、rem简介px像素（Pixel），相对长度单位，相对于显示屏幕分辨率em，相对长度单位，相对于父元素设置的font-size，页面层级越深，em的换算就越复杂。rem，相对长度单位，相对于HTML根元素设置的font-size，避免了多级嵌套。是CSS3新增的一个相对单位（root em 根em）。em和rem若没有设置上级字体尺寸，则相对于浏览器的默认字体尺寸16px...

关于媒体查询中断点的设置，有两个点需要格外注意！如何选择断点一般情况下，建议根据屏幕尺寸进行断点分割，不要针对特定设备分割。根据设计稿选择合适的断点。动态断点设置在实际应用过程中，用户会根据需要改变浏览器默认文字大小，若让断点能够随着文字的变化而变化，用户体验更佳。那么如何让断点随着文字大小变化而变化呢？我们假设，设置的断点为，(max-width: 800p...

BootstrapFoundationSemantic UIPureCSS与君共勉：再牛逼的梦想，也抵不住傻逼般的坚持！