PC端如何设置不同浏览器之间的兼容性

最新推荐文章于 2023-04-13 17:39:18 发布

ิっ淺

最新推荐文章于 2023-04-13 17:39:18 发布

阅读量266

点赞数 1

分类专栏：兼容性文章标签： webkit

本文链接：https://blog.csdn.net/weixin_49054076/article/details/129972115

版权

兼容性专栏收录该内容

1 篇文章

订阅专栏

一般主流的浏览器有以下firefox、ie、safari、chrome、Opera，主要就是解决一些主流浏览器的兼容性问题
主流浏览器的私有前缀如下

主流浏览器私有属性前缀	主流浏览器
-moz-	firefox
-ms-	ie
-webkit-	safari、chrome
-o-	Opera

提倡写法：

-moz-border-radius:10px;

-webkit-border-radius:10px;

-o-border-radius:10px

border-radius:10px

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ิっ淺

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

pc端不同浏览器兼容性问题及解决方案 _@jie

tattoo_jie的博客

09-22

1718

代码兼容：IE7及以上，360浏览器，搜狗浏览器，谷歌，火狐，欧朋等等。一．需要注意的地方： 1.写好标准头： 2.首先引入初始化css,保证消除不同浏览器的细微差别。具体内容： *{margin:0;padding:0;} body{font-size:12px;line-height:25px;font-family:Arial,Helvetica,“Microsoft YaHei”,“SimSun”,sans-serif;color:#606060;background:#f6f6f6;paddi

PC端兼容问题的测试demo

06-19

浏览器兼容，IE的特殊功能实现demo

参与评论您还未登录，请先登录后发表或查看评论

PC端浏览器兼容

zhanghuaiwei

08-05

1592

浏览器生态丰富，不同厂商甚至不同版本之间差异性都很大，经历过IE6~8版本兼容处理的开发都懂得。Web开发很难做到所有版本的浏览器都兼容，而且不同的用户群体使用的浏览器版本趋势不同，所以在开发前有必要先收集用户使用浏览器的统计数据，再确定兼容策略。...

pc端不同浏览器兼容性问题及解决方案

weixin_30702413的博客

03-25

576

代码兼容：IE7及以上，360浏览器，搜狗浏览器，谷歌，火狐，欧朋等等。一．需要注意的地方： 1.写好标准头：<!DOCTYPE html> 2.首先引入初始化css,保证消除不同浏览器的细微差别。 <link rel="stylesheet" href="css/style.css"> 具体内容： *{margin:0;padding:0;} body...

兼容浏览器_如何确保网站跨浏览器兼容性

weixin_39572168的博客

11-14

232

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。具体都有哪些方法呢？影响加载速度加载速度对于用户体验来说至关重要，大家在进行网站建设的时候需要全面提升网站加载速度，如果一个网站在这个搜索引擎上打开速度是1秒，但在另一个搜索引擎上打开速度却需要几十...

设计一套方案，解决不同浏览器的兼容问题（2）

weixin_30827565的博客

05-04

127

移动端开发移动web开发,虽然浏览器的内核都是 webkit 但是不同的浏览器开发厂商 ,可能会为浏览器添加一些特殊的独有样式为了清除不同浏览器带来的显示差异我们有一个比较通用的样式 normalize.css normalize.scss 直接下载的一个通用的预制样式,目的是处理不同浏览器的显示差异可以直接网上下载一个，地址： http://nec...

js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例

09-09

知识点一：JavaScript在不同端浏览器的兼容性问题当开发Web应用时，需要确保JavaScript代码能够在不同的浏览器中正常工作。由于浏览器之间的标准和实现细节可能存在差异，开发者必须使用一些技巧来提高代码的兼容性...

Bootstrap 3浏览器兼容性问题及解决方案

08-30

在本文中，我们将深入探讨Bootstrap 3的浏览器兼容性问题，并提供有效的解决方案。Bootstrap 3是一个流行的前端开发框架，主要用于创建响应式布局和移动优先的Web项目。由于其基于HTML、CSS和JavaScript，开发者可以...

前端兼容性问题总结(PC端)

09-27

在前端开发中，兼容性问题始终是一个不可忽视的挑战，特别是在PC端，各种浏览器的差异可能导致样式、功能表现不一致。以下是对PC端前端兼容性问题的详细分析和解决方案： 1. **图片加a标签在IE9-中会有边框** 解决...

详解Vue Cli浏览器兼容性实践

11-20

在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，:backhand_index_pointing_down:下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所...

手机端和pc端浏览器兼容性问题

Geezer_007的博客

05-02

1599

1⃣️ 如何解决不同浏览器的标签默认的内外补丁的不同；解决方法：在css里开头用通配符来设置内外补丁标签内外补丁为0； 2⃣️ 块元素设置float后，又有横行的margin情况下，在IE6中显示margin比设置大；解决方法：在css里开头用通配符来设置标签内外补丁为0； 3⃣️ 行内...

pc兼容

sinat_38992528的博客

05-07

356

转自：https://www.cnblogs.com/chenlq/p/6617174.html 代码兼容：IE7及以上，360浏览器，搜狗浏览器，谷歌，火狐，欧朋等等。一．需要注意的地方： 1.写好标准头：<!DOCTYPE html> 2.首先引入初始化css,保证消除不同浏览器的细微差别。 <link rel="stylesheet" href="css/s...

前端PC端适配，网页端适配

weixin_43239880的博客

04-13

5626

前端PC端适配，网页端适配,分辨率都要等比缩放1.安装 flexible.js (建议放到本地) 2.使用 **postcss-pxtorem**插件

前端常见的适配方法

qq_48294048的博客

10-10

3453

Nginx开启Gzip压缩功能，可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度，开启Gzip功能后，Nginx服务器会根据配置的策略对发送的内容, 如css、js、xml、html等静态资源进行压缩, 使得这些内容大小减少，在用户接收到返回内容之前对其进行处理，以压缩后的数据展现给客户。注意：上面代码中的50vw代表了此div占据视口宽度的50%、高度占据视口高度的20%，并且会随着视口的变化，进行自适应;2.用百分比去写元素的宽度，不要写绝对宽度。

PC端浏览器兼容性问题解决方案

你好瘦

03-03

4534

1、Normalize.css 不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。当然，你也可以定制属于自己业务的 reset.css <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet"> 简单粗暴法 *{ margin...

WEB前端浏览器兼容性问题(PC端及移动端)

machiCSDN的博客

05-23

9885

WEB前端浏览器兼容性问题(pc端及移动端) PC端（一）html部分 1.H5新标签在IE9以下的浏览器识别  html5shiv.js下载地址 https...

PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新

少女心の程序媛

03-11

4798

1、Firefox、IE8下属性为“readonly”的表单元素获得焦点会有光标‘I’进去。解决办法：/(ㄒoㄒ)/~~2、IE不支持HTML5标签解决办法：CSS中添加如下代码main, nav, header, footer, section, article, aside, dialog, figure, menu { display: block; }3、文字排列方向1） CSS3属

pc端兼容

丁大聪明的博客

03-05

718

兼容一、事件事件对象event事件对象的target属性(事件目标)事件方法event.stopPropagation() 阻止冒泡和捕获二、DOM阶段innerText 获取元素的内容children 获取子元素们nextElementSibling 下一个兄弟元素firstElementChild 第一个子元素一、事件事件对象event 一般浏览器会将事件对象, 传递到事件处理函数中. 但...

前端 PC端兼容性问题总结