利用css实现移动端rem适配
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位。个人觉得利用css就能实现rem.js一样的效果,相比更简单使用,下面就介绍几种css的实现方法。
阅读量: 768标签: 移动端
搞不定移动端性能,全球爆火的 Notion 从 Hybrid 转向了 Native
Notion 发布的这条 Twitter 也得到了广泛的关注,几天之内就有了上千条转发。由于前几年 Notion 的技术栈一直没有公开,开发者对此充满了各种猜测,很多人认为 Notion 使用的是 React Native 或 Electron
阅读量: 834标签: 移动端
移动优先 CSS:是时候重新思考了吗?
移动优先的设计方法很棒——它专注于对用户真正重要的东西,它被很好地实践,并且多年来一直是一种常见的设计模式。所以开发你的 CSS 移动优先也应该很棒……对吧?
阅读量: 622标签: 移动端
移动端实用性能优化
移动端优化,老生常谈的问题了。面试题问,实际应用中(在开发时间充裕的情况下,也会用)。但是,在移动端中,实用的优化方式,用户体验方式都是尤为关键的
阅读量: 880标签: 移动端
移动端适配vw方案
设计师交付给前端开发一张宽度为750px的视觉稿,设计稿上元素的尺寸、颜色、位置等已做过标注,要求工程师工在适配不同屏幕尺寸的设备时采用等比缩放的方案。前面我们讲过两种等比缩放的方案:viewport缩放 和 动态REM
阅读量: 1.5k标签: 移动端
移动端适配的实现
rem原理通过设置html的fontSzie来实现动态rem,其实就是将页面百分比化 ,html为50px; 可以得到1rem为50px(html被分为100rem)。那么:box的1.25rem宽度就可以得到为(50*1.25)px
阅读量: 1.4k标签: 移动端
移动端事件穿透的原理与解决方案
解决事件穿透还有通过设置动画过渡延迟元素消失等方法,由于这类方法影响用户体验,不一一介绍。在实际项目开发中,纯移动端项目优先推荐禁用 click 事件的方法,多端项目优先推荐禁用 touch 事件的方法
阅读量: 1.5k标签: 移动端
移动端点击事件延迟的诞生消亡史
快速反馈对于任何 UI 的实现都是至关重要的。研究表明,100ms 是界面让用户感到即时的最大延迟。尽管如此,移动网络仍然受到一个巨大的反馈问题的困扰
阅读量: 1.5k标签: 移动端
移动端双指缩放图片JS事件的实践心得
页面整体缩放行为是可以通过按住Shift键+页面左键模拟的,但是,实际上,还是一个触摸点,因此无法模拟双指缩放行为。除非是有触摸板,或者屏幕就是触摸屏。
阅读量: 1.8k标签: 移动端
解决移动端1px边框最好的方法
在移动端开发时,经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。
阅读量: 1.6k标签: 移动端
总结几个移动端H5软键盘的大坑
部分机型软键盘弹起挡住原来的视图解决方法:可以通过监听移动端软键盘弹起,Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。参数如下。
阅读量: 2.4k标签: 移动端
移动端重置样式 特殊处理
禁止用户选中文字,安卓无效 ­webkit­user­select: none;禁止长按弹出系统菜单。 ­webkit­touch­callout: none;
阅读量: 1.9k标签: 移动端
js判断pc端和手机端
js判断是否为移动端代码,获取用户userAgent代理头的值,进行匹配判断,如果匹配到就进行跳转到移动端。查看当前代理头信息在浏览器中按F12进入调试模式,查看请求
阅读量: 2.2k标签: 移动端
移动端H5页面开发坑点指南
在平时的H5移动端开发时,我们难免会遇到各种各样的坑点,这篇文章就带着大家来看看怎么解决,文章较长,建议收藏方便以后查阅!canvas在retina屏模糊只需要将画笔根据像素比缩放即可
阅读量: 2.3k标签: 移动端
整理经常在H5移动端开发遇到的知识
viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影(这个我觉得真没必要去掉,用户点击是需要反馈的,而这个背景色刚刚好提供了一种反馈),本篇文章主要是讲一些其他的或者优化手段。内容不多
阅读量: 2k标签: 移动端