浏览器适配

最新推荐文章于 2024-05-15 18:00:48 发布
最新推荐文章于 2024-05-15 18:00:48 发布
阅读量535 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42042250/article/details/95989454
版权
博客分享了前端开发中的常见问题及解决办法。一是写标题文字时，除指定大小颜色，最好加line - height，避免UC浏览器高度问题；二是两个block元素会共享margin，可给其一加display: inline - block解决；三是一个页面window.onload最好只出现一次，否则功能会有问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1  写一排标题或者文字时 例如 ： <h2>齿科实力派医师</h2>  除了指定文字大小颜色之外，最好要把line-height 加上，否则在UC浏览器中，高度会出现问题

2 两个都是block的元素会出现同享一块margin 的状况，解决办法是给其中一个加上 display: inline-block

3 有时候疏忽，会在两处写了 window.onload = function () { } ，页面功能会出现问题，一个页面最好出现一次

DanielZhou1
关注
【VUE】vant-ui 浏览器适配 rem viewPort
悟空—
03-30 1053
vant浏览器适配vant-ui vant组件及设置的px 自动转化为自适应单位 行内样式不生效 Viewport 布局 Vant 默认使用px作为样式单位，如果需要使用viewport单位 (vw, vh, vmin, vmax)，推荐使用postcss-px-to-viewport进行转换。npm installpostcss-px-to-viewport postcss-px-to-viewport是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单...
模态窗口详解及各浏览器适配经验分享
心中的亚雷泽的博客
08-28 2145
模态窗口详解及各浏览器适配经验分享
浏览器适配器
01-21
浏览器适配器，解决IE10下dopostback里面不兼容性的问题。只需要将此文件解压到项目的根目录下。
CSS深入理解之单位 em rem
lyp_story的博客
03-24 308
原文链接：http://caibaojian.com/rem-vs-em.html rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。 em 单位基于使用他们的元素的字体大小。 rem 单位基于 html 元素的字体大小。 em 单位可能受任何继承的父元素字体大小影响 rem 单位可以从浏览器字体设置中继承字体大小。 使用 em 单位应根据组件的字体大小而不是根...
浏览器兼容性适配方法总结（跨浏览器）
自在轩恒
02-24 7088
浏览器兼容性问题适配，通过单独写css样式，适配各类浏览器兼容性，特别是针对IE8-9。 1-1.条件性注释（Conditional comments） [只有IE9及以前版本支持] 引入语法： 在css里使用如下标识符可以被ie识别而采用，其他浏览器会忽略if ie。 <!--[if !IE]> 除IE外都可识别 <![endif]--> <!--[if...
浏览器网页适配
最新发布
时漂亮的博客
05-15 224
然后在index.html文件里添加script标签以及下面的代码,为的是保证放大或者缩小页面的时候,背景图不变且不受影响,看起来美观一点,提示:index.html里引用的图片最好放在static或者public文件夹下,要保证打包的时候不被包含在内(如果不加背景图就不用写下面这些代码了)(我的浏览器不全屏的时候是1920*937,全屏的时候是1920*1080)1.在main.js中获取浏览器的宽高,并挂载到全局变量上以便使用。
Video播放器兼容各大浏览器
02-15
5. **兼容性检测**：使用JavaScript库如Modernizr进行浏览器特性检测，可以帮助识别哪些功能是浏览器支持的，从而针对性地调整代码。 6. **Flash备用**：对于不支持HTML5 Video的老旧浏览器，可以提供Flash播放器...
国产浏览器的创新之路，拼的就是用户体验
m0_69916115的博客
10-19 972
关于浏览器的知识产权成为了人们热议的焦点，对于国产浏览器，很多人充满了焦虑和期待。开发一款有技术含量，赢得世界尊敬的浏览器很难吗？国产浏览器的创新之路在哪里？如何让更多的国人接受国产浏览器，其实，最终国产浏览器的竞争比拼的还是用户体验。
Vue进阶（幺柒贰）：信创浏览器兼容性探讨_vue浏览器兼容性
2401_84411767的博客
04-29 744
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】给大家分享一些关于HTML的面试题。给大家分享一些关于HTML的面试题。[外链图片转存中…(img-qVkOVrYG-1714381413267)][外链图片转存中…(img-xlJzAKzB-1714381413268)]
浏览器适配，各大浏览器适配，主流/冷门浏览器适配,css
06-19 4900
浏览器适配，各大浏览器适配，主流/冷门浏览器适配 flex布局问题 flex布局早在2009年就有了,到现在已经有了好几个版本。详细内容可查看这篇文章。flex布局兼容性 其中IE10部分支持2012，需要使用-ms-前缀。 而IE9不支持flex布局： 针对IE9以下的flex布局，git有一些三方js，例如flexibility但是并没有研究出来使用办法，其js会莫名添加一些样式，修改起来很麻...
关于浏览器适配的方案
不怕麻烦的鹿丸的博客
04-26 1136
不使用插件的情况下，也可以直接在js里引入这段代码，1920是设计图的设计宽度，也可以自己根据UI给的设计图的宽度进行设置，然后就可以在css里使用rem单位了，如设计图里div为100px，则转化为rem则为1rem。下面提供了一份基本的 PostCSS 示例配置，可以在此配置的基础上根据项目需求进行修改。下面提供了一份基本的 PostCSS 示例配置，可以在此配置的基础上根据项目需求进行修改。如果设计稿的尺寸不是 375，而是 750 或其他大小，可以将。
浏览器上的一些简单适配
weixin_43365444的博客
12-25 196
禁止文字复制 *{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none...
【实用】IE浏览器兼容性适配点总结
dummydracula的博客
01-03 600
在web项目进行浏览器兼容性测试（更多相关内容：带你悉数那些不为人知的小概率BUG事件），论坑最多的，非IE系列浏览器莫属，且IE8是我们组开发的心中的痛，一提到有兼容性bug，第一反应：是不是IE的？卧槽，又是IE8！
浏览器适配Viewport 布局
m0_71015996的博客
06-13 168
浏览器适配Viewport 布局，使用postcss-px-to-viewport将px单位自动转化为w/h单位。
响应式布局 浏览器适配 浏览器兼容
weixin_55711841的博客
08-23 455
响应式布局 浏览器适配 浏览器兼容
手机浏览器适配
berry sky
11-01 1187
initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" initial-scale=1.0;  各分辨率手机最小显示，不同的分辨率手机显的不同，解决访问时分辨率底的显示的太大，屏幕宽度显示不开，手动缩小才可以的问题。
常见浏览器兼容性问题与解决方案
阳光下的冷静的博客
12-25 387
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同          问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。         碰到频率:100%         解决方案：CSS里 *{margin:0;padding:0;}        备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*...
CSS浏览器适配设置
重诺，守时。
05-29 2251
1、适配语法 选择器名称  { 属性：方法（值）; -webkit-属性：方法（值）;  /*safari chrome*/ -ms-属性：方法（值）;   /*IE*/ -o-属性：方法（值）; /*opera*/ -moz-属性：方法（值）; /*Firefox*/ } 示例：设置旋转 .div1 { transform:rotae(200deg);
vant组件库的使用流程及浏览器适配方式
04-07
Vant组件库使用流程： 1. 安装Vant组件库 通过npm安装Vant组件库： ``` npm install vant --save ``` 2. 引入Vant组件库 在需要使用Vant组件的页面中引入Vant组件库： ``` import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); ``` 3. 使用Vant组件 在页面中使用Vant组件： ``` <template> <van-button>按钮</van-button> </template> ``` 浏览器适配方式： Vant组件库支持大部分现代浏览器，具体支持情况可查看官方文档。 对于不支持的浏览器，可以通过polyfill来实现兼容。在项目中引入babel-polyfill即可： ``` import 'babel-polyfill'; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值