flex是flexble Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后，子元素的float（浮动）、clear（清除浮动）和vertical-align（垂直居中，margin: 0 auto是水平居中） Read More
DPG图片压缩技术： 京东自主研发推出DPG图片压缩技术，经测试该技术，可直接节省用户近50%的浏览流量，极大的提升了用户的网页打开速度。 能够兼容jpeg，实现全平台、全部浏览器的兼容支持。 经过内部和外部上万张图片的人眼浏览测试后发现，压缩后的图片和webp的清晰度对比没有差距。 webp图片格 Read More
流式布局（百分比布局）： 流式布局，也就是百分比布局，也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width Read More
移动端布局和PC端有所区别： 1) 单独制作移动端页面（主流） 流式布局（百分比布局） flex弹性布局（推荐） less+rem+媒体查询布局 混合布局 2) 响应式页面兼容移动端 媒体查询 bootstrap 移动端布局需要了解几个概念： 1. meta视口标签 <!-- 视口的设置：devic Read More