移动web前端开发之常见bug
来源:互联网 发布:linux远程连接工具 编辑:程序博客网 时间:2024/05/14 02:19
1.ios6修复了css position:fixed 1像素抖动的bug,不过引出另一个bug:当给指定元素添加 position:fixed时首次加载页面完成后,滑动整个网页,添加此样式的元素 会跟随页面滚动(目的是固定此元素)
解决方案:
为其元素添加如下css属性即可:
-webkit-transform:translate3d(0,0,0)(具体原因不知)
我们常用的有px、pt、百分比、em等,很惭愧,我最近才知道有rem,而且是个相当不错的朋友。前面的几个单位大家都比较熟悉,不知道有没有和我一样小白的才知道rem的呢,我们就介绍一下这个新朋友,它是随着css3来到这个世界。
我们之前用em、百分比的时候遇到的问题就是计算,而且当嵌套的层级太多时就会非常难以把控,而用px则被固定死了,现在我们用rem完全不用担心这个问题,因为rem的参照对象只有根节点。我们只需设置根节点的大小,所有子节点都只需参照它来设计就可以,下面是px、em、百分比和pt的对比
根据上面的图表(红色部分为默认,当然不同的浏览器渲染默认值不一样,具体还需各位实测)可以看出,我们只需设置html根元素字体大小为75%,对应的 px值就是12,这样我们可以很方便的设置页面的宽高和字体大小,当然单位是rem,这样参考对象才会永远是html而不是父元素,当需要变化的时候,只需改变html的大小其他的元素都会相应变化,方便极了。
4.盒子边框溢出
当我们指定了一个块级元素时,并且为其定义了边框,设置了其宽度为100%。按照盒子模型,就会发现该元素的左右边框各1个像素会溢了,导致出现横向滚动条,这时候我们可以为其添加-webkit-box-sizing:border-box用来指定该盒子的大小包括边框的宽度。
- 移动web前端开发之常见bug
- 移动web前端开发之常见bug解决
- 移动web前端(即:webapp)开发之常见bug解决
- web移动端常见BUG
- web前端开发之Web移动开发/WebApp开发技术
- 移动web前端开发
- 移动WEB前端开发资源整合
- 移动WEB前端开发资源整合
- 移动WEB前端开发资源整合
- 移动WEB前端开发资源整合
- 移动WEB前端开发资源整合
- 移动WEB前端开发资源整合
- 移动开发 or web 前端?
- 移动web前端开发总结
- 移动web前端开发,页面局部滑动之iscroll框架
- web前端之移动端适配
- IOS开发之常见bug
- 关于web前端一些常见bug及解决方案
- pip
- 第8周项目5:定期存款利息计算器
- 一个简单的ACE网络库Server和Client Demo
- JMX(Java Management Extensions,即Java管理扩展)
- 枚举上月的日期
- 移动web前端开发之常见bug
- 利用结构体来实现高性能洗发扑克牌程序同时探讨const与指针
- Mac OS 中常用的svn命令
- network: Android 网络判断(wifi、3G与其他)
- div
- T售前经验谈
- 使用 VisualVM 进行性能分析及调优
- R语言注意事项列表
- 主流ETL工具选型