女王控的博客

移动端

4 篇文章

移动端h5秒开方案总结

常用加速方法 通常的 web 优化方法,基本围绕在资源加载和 html 渲染两个方面。前者针对首屏,后者针对可交互。 资源优化上,我们总的方向是围绕更小的资源包上,比如常见的:压缩、减包、拆包、动态加载包及图片优化上。 html 渲染上总的方向是更快的展示内容,比如通过 cdn 分发、dns 解析、http… »

移动端Web页面适配

移动端 web 页面的开发,由于手机屏幕尺寸、分辨率不同,或者需要考虑横竖屏问题,为了使得 web 页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问题。 方案概述 静态布局 + initial-scale + 各个元素 px 早期网页设计采用静态布局,通过 标签中的 应用设备标识识别移动设备,即 。 在 标签中的 viewport 标签中设置 width,通过 js 动态修改标签的 initial-scale… »

移动端适配汇总

IOS fix 定位不准 现象 在有输入框的情况下尽量不要用 fixed 定位,用 absolute,否则在 IOS 下会出现很多问题,比如输入法收起时 fixed 定位的元素其实还在未收起的地方,会造成在输入法收起时输入框不能点击 解决方案 当然在用 absolute 的时候,需要注意 body、html 的定位(设置为relative或者不设),放在 body 的下面等等问题 微信下 IOS13 输入法不恢复 现象 在 IOS1… »

treated as passive错误解决

Chrome和Safari浏览器preventDefault报treated as passive错误 其实这个问题出现有一段时间了,主要麻烦的是,以前没有,后来,Chrome和Safari浏览器升级了,然后出现这个错误,而且就在一个月前,Chrome浏览器还只是黄色的警告,现在直接就红色错误献上。 例如,随便新建一个空白页面,写上如下JavaScript代码: 然后在移动端模式下页面上点击滑来滑去记下,就可以看到一大堆错误: Intervention Unable to… »

0%