首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
移动端适配问题
订阅
bzmx1984
更多收藏集
微信扫码分享
微信
新浪微博
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:…