CaseyWei

相信不少做网站的用户会有这样一个问题，Chrome默认最小字体是12px（最新版英文也有此问题），这个是 Chrome 为了更好显示中文设计的，但是这样一来就会出现某些上标、下标字体过大，影响用户体验。

在开发h5嵌套app，发现 Android 设备可以正常的显示时间，而 iOS 设备无法正确的显示。

场景：需要测试一个静态页面不同手机兼容性，需要通过局域网通过http访问mac上的html。

适配方案有很多，rem方案使用了很久了，一直没有记录，今天记录一下。原理：通过根据屏幕尺寸，成比例改变html的font-size实现适配。优化：1.大家好多使用媒体查询改变html的font-size比较死板，遇到一些屏幕不能完美的适配有一点偏差，通过获取设备屏幕尺寸，精准计算，精准适配。2.平时UI以iphone6为尺寸出设计稿，通过下边方案，1rem即代表设计稿的10px，便于计算编写页面。代码：//动态为根元素设置字体大小function init () ...

简单的说就是：go(-1):返回上一页，原页面表单中的内容会丢失；back():返回上一页，原页表表单中的内容会保留（读取缓存，页面不会重新加载）。history.go(-1):后退+刷新history.back():后退之所以注意到这个区别，是因为不同的浏览器后退行为也是有区别的，而区别就跟javascript：history.go()和history.back()的区别类似。Chrome和ff浏览器后退页面，会刷新后退的页面，若有数据请求也会提交数据申请。类似于histo

<div class="sidebar"></div>谷歌浏览器隐藏方式：　　.sidebar::-webkit-scrollbar{ 　　width: 0!important;　　}但是会发现火狐浏览器还是会显示滚动条：火狐浏览器隐藏解决办法如下：.sidebar { overflow-y: scroll; scrollbar-color: transparent transparent; scrollbar-track-co.

一.使用npm安装：npm install fastclick -S二.用法：安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后FastClick.attach(document......

最近有个需求要把后台改成手机也能浏览，一些数据表格都是用的iframe，在手机上浏览iframe设置了高度（例如500px）。倘若iframe的内容足够长超出了iframe设定的高度时，在iphone,ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。上网查了资料：可以在iframe外加...