移动端问题探索-3

Posted 2022-02-21 zhouyideboke

1.浮动子元素撑开父元素盒子高度

input 的placeholder会出现文本位置偏上的情况：PC端设置line-height等于height能够对齐，而移动端仍然是偏上，解决方案时是设置css line-height：normal;

2，往返缓存问题

点击浏览器的回退，有时候不会自动执行js，特别是在mobilesafari中。这与往返缓存(bfcache)有关系。 解决方法 ：window.onunload = function () ;

3.overflow-x: auto在ios有兼容问题

解决方法：-webkit-overflow-scrolling: touch;