摘要：首先你要搞清浏览器的渲染流程，如图 详细步骤： 解析HTML代码，构建Document Object Model (DOM) 解析CSS代码，构建CSS Object Model (CSSOM) 依据DOM和CSSOM，计算每个元素的最终样式并生成渲染树 在知道对一个元素应用哪些规则之后，浏览器即可 阅读全文

摘要：一、使用 Auto Margins 对齐 不需要给图片使用任何的 flex，也不需要给父容器设置 space-between，只需要给 ' BUY-BUY-BUY' 按钮设置 margin-left: auto 就可以了 动手试一下 二、min-width 防止文本溢出 溢出是因为 item 的 m 阅读全文

摘要：META相关 1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） < 阅读全文

摘要：一、让微信内置浏览器（x5）支持 flex 二、去掉输入框默认的边框 三、去掉数字输入框里默认的按钮   阅读全文

摘要：在设计的眼中，排版的操作是一件很简单的事情，靠左、置中、靠右，我只要点一下，所有元素，就会乖乖的到指定的位置。 但到了前端在排版的实现上，就不是这样了。 我们常常得用一堆其实本来不是这样用的属性来做 hack，比如说用 line-height 来做垂直置中，这样做的确能达到效果，但是在语意上就有点不 阅读全文

摘要：使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。wra... 阅读全文

摘要：一、资料汇总1、前端H5调起QQ浏览器的总结：http://km.oa.com/group/22486/articles/show/210189?kmref=search2、AndroidWebView常见问题及解决方案汇总：http://blog.csdn.net/t12x3456/article... 阅读全文