首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
移动端适配问题
订阅
编织梦想
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
巧用rem实现数据可视化大屏
amfe-flexible主要用于解决移动端的适配问题,amfe-flexible将html的font-size设置为屏幕分辨率宽/10,即1920 * 1080的分辨率html的font-size就应该是192。 rem是CSS3新增的相对长度单位,是指相对于根元素html的…
移动端适配页面快速搭建
遥想去年入前端坑的时候,就很快遇到了移动端页面的开发,天(er)真(bi)的我立马上去量设计稿,然后撸起袖子就是干!可是打开调试一看乱套了,先不说布局上的问题,就是大小看起来也不太对啊,太大了!然后就去问老司机,他说尺寸你要除以2才行,我心里挺郁闷的,为啥啊。。当时项目紧,就先…
初探CSS Grid布局
在CSS3中纳入的Flex Box布局给前端开发者带来了极大的便利,它的强大是有目共睹的。很多以前需要以前复查代码实现的布局,现在通过 Flex Box 很容易就实现。而在下一版本的CSS规范中正在讨论纳入一个更加强大的布局系统,它就是今天要说的: CSS Grid Layou…
移动端事件touchstart、touchmove、touchend详解
这几个事件最早出现于IOS safari中,为了向开发人员转达一些特殊的信息,所以新增了这些事件,随着Android中的webkit的加入,慢慢地这样的专有事件成了事实的标准,从而导致W3C开始指定Touch Event规范的内容。 touchstart 手指触摸屏幕时触发,即…
vue快速入门的三个小实例
用vue做项目也有一段时间了。但是关于vue入门基础的文章,我还没有写过,那么今天就写vue入门的三个小实例,这三个小实例是我刚接触vue的时候的练手作品,难度从很简单到简单,都是入门级的。希望能帮到大家更好的学习和了解vue,也是让自己能够复习一下vue。如果发现文章写得有什…
Grid 布局发车啦
好了,大家都坐好,我准备发车啦。不符合要求的同学请下车,没满 18 岁的,咳咳,开玩笑。不是所有人现在都能搭上 Grid 的小车车,毕竟项目兼容性问题很现实,不过不耽误我们学习。 好了,大家看了看浏览器的兼容性就知道,如今主流浏览器都已经支持了 Grid 布局,还等啥呢?上车吧…
移动端HTML响应式布局之神奇的pt(自测99.99%与设计图一致)
我一直使用px、em、rem单位作为移动端开发的常用计量单位,不过时常还是要做一些媒体查询适配每个不同分辨率的手机。 我好像发现了新大陆,至于准不准确,还要靠各位多测试,反正我测过的99.99%准确。 我特意取了一个偶数,一个奇数,来辨别pt这个单位的准确度。 meta里通常情…
JS动态计算移动端rem的解决方案
说起rem就的说px,em; 在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性…
移动端常见bug汇总002
上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案,部分解决方案可能不准确或者存在问题,希望有正确解决方案的给与评论。 备注:文中的bug收集于网络,解决方案可能并不准确,欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后,在ios环境…
移动端自适应个人理解与收集——rem
rem——更好的适配移动端。这个单位我一直想弄个究竟,今天终于看了个差不多。看了很多的博客。心中总算有自己的想法。(还有vh,vw这里我这个小白还没有弄明白就先不写了。) 1.rem可以在html,body下设置font-size的大小,然后根据 根元素的大小来进行兑换。eg:…