摘要：
flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的web 阅读全文
posted @ 2017-10-23 16:43
孙首富
阅读(442)
评论(0)
推荐(0)
摘要：
笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 阅读全文
posted @ 2017-10-23 16:09
孙首富
阅读(4056)
评论(0)
推荐(0)
摘要：
CSS 浮动属性一直是网站上排列元素的主要方法之一，但是当实现复杂布局时，这种方法不总是那么理想。幸运的是，在现代网页设计时代，使用 Flexbox 和 CSS Grid 来对齐元素，变得相对容易起来。 使用 Flexbox 可以使元素对齐变得容易，因此 Flexbox 已经被广泛使用了。 同时，C 阅读全文
posted @ 2017-10-23 16:04
孙首富
阅读(1344)
评论(0)
推荐(0)
摘要：
苹果公司（Apple）的发布会也开完了，新产品也将登陆了。估计很多开发人员看到iPhone X的设备是要崩溃了，特别对于前端开发人员更是如此。 iPhone X的屏幕覆盖了整个手机的屏幕，为相机和其他各部件留出了一个空间。结果是屏幕设计出现了一些尴尬的情况。比如将网站限制在一个“安全区域”。而在屏幕 阅读全文
posted @ 2017-10-23 15:05
孙首富
阅读(2187)
评论(0)
推荐(0)
摘要：
本篇适用于初次使用rem为单位切图而无从下手的童鞋。核心是根据屏幕动态改变根元素字体大小，以达到适配各种屏幕。这只是一个拿来就用的教程。很多东西没有详细说明。不过对于快速做手机端切图很有帮助。 模板：Github 使用：1.下载完成后首先修改js文件中的基本单位：psd宽度是640就写640，是75 阅读全文
posted @ 2017-10-23 14:13
孙首富
阅读(543)
评论(0)
推荐(0)
浙公网安备 33010602011771号