美文网首页
实践中遇到的web开发兼容性问题

实践中遇到的web开发兼容性问题

作者: 寒潇2018 | 来源:发表于2018-09-04 11:01 被阅读0次

1、ios9存在的兼容性问题,见文章:https://www.jianshu.com/p/130904532f3e

2、input输入框的问题

在使用input的时候一定要带上type,否则有些浏览器会无法输入(如safari)

3、absolute定位

对于absolute元素定位,尽量使用padding来控制间距,避免使用margin

4、移动端实现底部半浮层

首先,对于半浮层(一般都有半透明的全屏黑色背景,此时background 用rgba(0,0,0,0.5)即可),可置其定位为fixed,然后限制bottom、left、right距离为0.

相关文章

  • 实践中遇到的web开发兼容性问题

    1、ios9存在的兼容性问题,见文章:https://www.jianshu.com/p/130904532f3e...

  • web前端基础兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • flex兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • SPA在微信浏览器中的兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • development log day3

    搭建开发平台,解决开发平台与系统的兼容性问题。

  • Github 上 Star 最多的 10 大 CSS 框架

    Web 开发工程师在开发页面样式的时候需要花费大量的时间开发,其中最头疼的还是浏览器的兼容性问题,最省事的是使用 ...

  • 移动web网页开发细节

    最近在做android和ios的webview开发,踩过不少坑,略有所获,记录一下 移动web中的兼容性问题,有时...

  • 开发中遇到的兼容性问题

    横向的滚动条,需要隐藏时, .nav::-webkit-scrollbar{ /*隐藏滚动条*/ display:...

  • web兼容性问题

    ios 的 new Date() 不支持 2018-9-14的方式,支持2018/9/14的方式 如果父元素有tr...

  • 常见浏览器的兼容问题

    常见浏览器的兼容问题 初学html和css时,每天切图,总会遇到很多浏览器兼容性问题。最近一直关注移动平台开发,就...

网友评论

      本文标题:实践中遇到的web开发兼容性问题

      本文链接:https://www.haomeiwen.com/subject/nwcgwftx.html