inline-block 无法紧凑并排问题:
某次用 inline-block 时发现各个元素之间左侧总会留出一点点小空隙，检查过可以排出 padding&margin 的影响，要解决这个问题只需要在父元素设置 font-size: 0 即可解决，然而这会导致子元素字体大小完全为0，这只需要重新设置 [parent] > * { font-size: [you font size] } 即可。ios 无法滚动的问题
在开发公司网站的时候，发现用 uikit 的 modal 报上一个 iframe 来浏览其它网页，如果网页内容过多，iframe是不会自动转为滚动状态，而是溢出到 modal 外，查资料发现 ios 默认是禁用内容滚动的，如果需要滚动，下面给出例子：
.scroll {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
<div class="scroll">
<iframe width="100%" height="100%"></iframe>
</div>
像这样写， 外层包裹着一个 div，div加上 scroll 的两个样式设置，那么 iframe 的内容超出 div 的高度时，就不会溢出到容器外部，自动变为滚动状态。
其中一份关于该问题的blog连接： 使IFRAME在iOS设备上支持滚动
