web开发遇到的兼容性问题

最新推荐文章于 2023-03-20 23:05:41 发布
最新推荐文章于 2023-03-20 23:05:41 发布
阅读量277 收藏
点赞数
分类专栏： web前端 css 文章标签： web开发 ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs840610862/article/details/73610379
版权

兼容性问题

浏览器版本兼容

chrom 47内核使用flex会有兼容性问题，flex设置为垂直方向时，设置为flex:1 的元素要设置高度，否则，高度为0

ios
  1. 点击不触发点击事件，给点击元素添加一个：οnclick=""
  2. ios下的new Date()：1.使用"2017/06/02"; 2."2017/06/02"必须年月日都写上，不能缺失
最亮的心
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java Web开发常见问题.pdf
04-21
在Java Web开发过程中，中文乱码问题是开发者经常遇到的一个挑战。这些问题主要源于Java默认的Unicode编码与HTML页面及表单默认的Latin-1编码之间的不兼容，以及在不同的环境中（如服务器、数据库、浏览器）使用了...
46种常见的浏览器兼容性问题大汇总
05-15
浏览器兼容性问题一直是Web开发中的重要议题，不同的浏览器在处理HTML、CSS以及JavaScript时存在差异，这给开发者带来了挑战。以下是一些常见的浏览器兼容性问题及其解决方案： **JavaScript兼容性问题** 1. **...
源起 web开发过程中遇到的一些兼容问题
weixin_30674525的博客
08-30 72
　　先来总结下在前端开发过程中容易遇到的一些兼容问题。 1、 块属性标签float之后，如果有横向的margin属性，在IE6显示margin比设置的值大。 　　解决方案：给float的元素添加display:inline属性，使其转化为行内元素。 2、 设置较小高度的标签（一般小于10px），在IE6、IE7、遨游中高度超出自己设置的高度。 　　解决方案：给元素添加overf...
实践中遇到的web开发兼容性问题
lv1317039693的博客
09-04 75
1、ios9存在的兼容性问题，见文章：https://www.jianshu.com/p/130904532f3e 2、input输入框的问题 在使用input的时候一定要带上type，否则有些浏览器会无法输入（如safari） 3、absolute定位 对于absolute元素定位，尽量使用padding来控制间距，避...
web兼容性问题
lavendersue的博客
09-25 532
作为一名web前端开发人员，在开发过程中必定会遇到各式各样的问题。其中，最让web前端开发人员最为头疼的事情莫过于浏览器的兼容性问题。无论的优雅降级还是渐进增强方案，程序员都希望自己的成果几近完美状态，虽然浏览器的兼容性问题有很多无法解决，但如今也相对于其中的一些问题还是有解决方法。在此，我说说我遇到的兼容性问题以及解决方案。 问题一： 边距问题：将元素转换成行级元素 disp...
移动端混合APP开发项目中遇到的兼容性问题及解决方案
weixin_30360497的博客
08-20 679
1、现象：IOS使用 new Date('2019-08-20').getMonth() + 1; 获取月份报错 NAN。 　　原因：IOS不识别 '-' 格式化的日期格式 　　解决方案：使用正则将 '-' 替换为 '/' 　　eg:new Date('2019-08-20'.replace(/-/g,'\/')).getMonth() + 1; 2、 部分安卓手机文...
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
热门推荐
xustart7720的博客
06-22 8万+
为什么会有兼容问题？由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Opera7及以
前端兼容性问题总结
忧郁的蛋的专栏
03-20 6647
在 Web 前端开发中，浏览器兼容性问题是一个常见的挑战。由于不同的浏览器实现了不同的标准和规范，因此相同的代码在不同的浏览器上可能会有不同的表现，或者甚至无法正常工作。
解决web页面浏览器兼容性问题
日积月累，水滴石穿
03-09 5598
浏览器兼容性问题是每个做web页面常常遇到的问题，而且还不得不解决的问题。造成这种局面的主要原因就是各大公司都推出自己的浏览器，而他们在某些方面的规范还不一样。         我们现在常用的浏览器内核有： Trident：这是微软开发的一种排版引擎。该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的 IE7。Trident实际上是一款
海康威视WEB3开发包.zip
06-08
5. **兼容性**：Web3.0开发包通常会明确列出与之兼容的海康威视设备型号和浏览器版本，确保开发者在实际应用中不会出现兼容性问题。 6. **安全机制**：考虑到监控系统的敏感性，海康威视Web3.0开发包可能会包含一些...
Bootstrap 3浏览器兼容性问题及解决方案
08-30
然而，由于不同设备对CSS3和HTML5的支持程度不一，可能在某些旧版或非主流的移动浏览器中遇到兼容性问题。为解决这些问题，开发者需要确保使用最新版本的Bootstrap，并测试在目标设备上运行的效果。 2. PC端支持...
JS的兼容性问题
09-30
### JS的兼容性问题详解 #### 一、概述 JavaScript（简称JS）作为现代Web开发不可或缺的一部分，在前端开发中占据着极其重要的位置。然而，由于不同的浏览器对于JS的支持程度和解释方式存在差异，这就导致了一个...
webApp开发一些兼容性的坑
Vincent的博客
07-14 2093
title: webApp开发一些兼容性的坑 date: 2018-03-28 09:01:30 tags: - 兼容性 - 移动端web开发 通过做嗨黔东南APP(IOS，Android)这个项目遇到过很多兼容性的坑，写博客记录备份一下，以免再次踩坑。 移动端input处理 禁用选择复制带来的问题 大多数在禁用选择复制的问题都是通过user-select: none来处理。代码如下： ...
css强制换行和强制不换行写法, 清除浮动
cs840610862的博客
06-22 6460
css换行写法word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/css不换行写法word-break:brea
iframe内嵌高德地图搜索
cs840610862的博客
12-07 5114
iframe内嵌高德地图搜索
常用关闭按钮，叉符号
cs840610862的博客
08-06 5097
常用的关闭按钮字符，可直接用的 x, ×, X, ✕, ☓, ✖
将Antd 的日期选择框里面的文字改为中文
cs840610862的博客
07-16 3367
// 以下4行引入解决日期控件英文的问题 import moment from 'moment' import locale from 'antd/lib/date-picker/locale/zh_CN' import 'moment/locale/zh-cn' moment.locale('zh-cn') <RangePicker style={{ width: '306px' }} locale={locale} onChange={this.handleChange.bind(t
create-react-app使用dllplugin抽取antd作为公共模块
cs840610862的博客
04-30 3229
首先说说，为什么要使用dllplugin？ 在项目开发中，我们会遇到很多的依赖，体积不小，而且他们都是公共模块，基本上不会有变动，所以考虑是不是可以把这部分公共的模块抽取出来，作为静态的资源，不需要每次都打包这块 虽然有CommonsChunkPlugin插件可以抽取公共模块，但是有如下缺点 每次打包都会重新构建公共模块 只要其中的模块有微笑的变动，打包出来的公共文件就不一样，简单说，换台机器...
web开发经常遇到的浏览器的兼容性有哪些
最新发布
09-10
### 回答1： Web开发中，常见的浏览器兼容性问题包括以下几个方面： 1. HTML和CSS的兼容性问题：不同浏览器对标签的解析可能不同，导致网页在不同浏览器上显示效果不同。 2. JavaScript的兼容性问题：不同浏览器对JS语法和DOM的支持不同，导致JS代码在不同浏览器上可能出现错误或者不兼容的情况。 3. 布局和样式的兼容性问题：不同浏览器对CSS属性的解析可能不同，导致网页在不同浏览器上的布局和样式不一致，甚至出现错位等问题。 4. 插件和扩展的兼容性问题：不同浏览器对插件和扩展的支持不同，某些浏览器可能不支持某些插件或扩展，导致网页功能无法正常使用。 5. 性能和安全的兼容性问题：不同浏览器对性能和安全的支持不同，某些浏览器可能无法支持某些高性能或高安全的特性，导致网页无法正常运行或者存在安全隐患。 ### 回答2： 在web开发中，经常遇到的浏览器兼容性问题包括以下几个方面： 1. 样式兼容性：不同浏览器对CSS的解析方式存在差异，比如盒模型、默认字体和行高等的不同表现，需要针对不同浏览器编写特定的样式来保证网页在各种浏览器中正确显示。 2. JavaScript兼容性：不同浏览器对JavaScript的支持程度不同，一些旧版本浏览器可能不支持ES6的一些新特性，需要使用兼容性处理方法或者降级方案来确保JavaScript代码的兼容性。 3. HTML兼容性：有些浏览器可能对HTML标签或属性的解析存在差异，所以在开发过程中需要注意使用标准化的HTML代码和属性来提高兼容性。 4. 布局和定位兼容性：不同浏览器对于网页布局和定位的解析规则可能存在差异，如盒模型的解析、浮动元素的处理和Flexbox布局等，需要针对不同浏览器编写特定的布局和定位代码。 5. 响应式设计兼容性：在不同设备上，浏览器窗口大小的变化会对网页的显示产生影响，一些浏览器对响应式设计的支持不完善，需要通过媒体查询和流式布局等技术来处理。 总结来说，web开发中常见的浏览器兼容性问题包括样式、JavaScript、HTML、布局和定位、以及响应式设计方面的差异。为了确保网页在各种浏览器中都能正确显示和运行，开发者需要了解不同浏览器的特性和兼容性问题，并采取相应的兼容性处理措施。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值