css兼容

基于typescript下的贪吃蛇练习项目（内含源码）

各位铁汁们，这个是我练习typescript时根据资料做的一个练习项目（用babel配置了浏览器的兼容，以及用postcss兼容各个浏览器的css3（IE））这个贪吃蛇的规则：最高等级是十级，每吃三个食物升一级
是小橙鸭丶·2022-09-29 09:00

几个处理CSS兼容性的实用方式

今天我们来聊一聊如何处理CSS兼容性所带来的问题。因为浏览器厂商众多，采用的浏览器内核各不相同，所以对CSS语法支持的程度也各不相同。
·2022-09-07 15:53

uni-app多端scoped兼容问题及小程序css兼容

1、H5默认启用了scoped，非H5端默认并未启用scoped，如需隔离组件样式需在页面style手动增加scoped属性2、百度小程序不支持scoped备注：百度小程序v-if和v-for不可在同一标签下同时使用官网其他兼容参考：https://uniapp.dcloud.io/matter?id=h5正常但app异常的可能性uni官网》介绍》uni-app跨端开发注意微信小程序选择器支持：1
qq_43628158·2022-06-27 21:24

我的第一次移动端页面制作 — 总结与思考

构建工具Athena前端开发离不开构建工具，除了敲代码，其余都交给构建工具（如组件开发、CSS兼容处理、图片Base64、图片雪碧图和压缩处理等）
「违规用户」·2022-03-15 09:47

Webpack——必知必会

文章目录npm要装的都在这里使用配置文件处理CSScssless处理CSS兼容性browserslistpostcss@import资源文件图片背景图片自定义图片名称url-loaderasset图标字体插件自动清理输出文件夹自动生成根
_雪菜肉丝面_·2022-03-05 08:09

CSS && JS 兼容性问题

美名曰牛x的程序员应该有一边完成工作一边熟悉项目中的框架的能力（对不起我无能，ps我觉得老板pua我），回归正题，总结一下工作中遇到的兼容性问题，以及解决方案，（希望每个前端遇到相同的问题可以无脑解决）CSS
·2022-03-04 16:58

前端进阶学习路

Javascript(js)ES5ES6ES7ES8ES...浏览器（DOM）的对javascript兼容问题CSS(css)CSS2.0（非主流，不建议深入）CSS3.0（主流）浏览器（DOM）的对css
·2022-02-19 18:32

CSS兼容性笔记

连续数字和英文字母是不会换行的，需要加上下面的样式//处理IE6等其他浏览器的不兼容。pre{white-space:pre-wrap;/*css-3*/white-space:-moz-pre-wrap;/*Mozilla,since1999*/white-space:-pre-wrap;/*Opera4-6*/white-space:-o-pre-wrap;/*Opera7*/word-wra
lijibing·2022-02-13 04:28

关于vscode 的快捷键和插件的使用

2、格式化——Windows：Shift+Alt+F——Mac：Shift+Option+F——Ubuntu：Ctrl+Shift+I3、css兼容——选中
亞哲·2022-02-12 10:29

VS Code 个人插件习惯

1.汉化插件Chinese(Simplified)LanguagePackforVisualStudioCode2.括号变色BracketPairColorizer3.浏览器css兼容css-auto-prefix4
我那么逗·2021-08-06 09:52

js基础复习day04 (获取CSS兼容性)

获取CSS最终样式的兼容写法obj.currentStyle兼容IE浏览器的写法;window.getComputedStyle(obj,null)[attr]这个方法谷歌火狐支持,第二个参数如果没有伪类就写nullfunctiongetCssAttr(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returnw
Haiya_32ef·2021-06-25 13:42

小程序CSS兼容之color，box-shadow，linear-gradient颜色值设置

1，颜色值不能使用八位，应该换成六位，或者使用rgba代替，否则在Ios能正常显示，但是在Android下该颜色会直接被忽略，如：以下颜色color，阴影box-shadow，渐变linear-gradient的使用color:#8A96A0ff;#替换成color:#8A96A0;box-shadow：0px2px4px#0000001A,0px0px2px#0000001A;#替换成box-s
Frankeen·2021-06-09 03:00

ul模拟select下拉框样式解决原生select的css兼容问题

最近项目用到了下拉菜单，又不想引入其他UI框架来实现，在网上查了好久能不能用css+js来兼容select在各个浏览器的不适应，答案是否定的！无法兼容，这条路宣告堵死，其实还是因为自己懒不愿意自己做，不要在意这些细节，回到正题。所以又开始查了第二方案，自定义下拉框来仿select，还是不够理想，网上的帖子不是做的太丑就是bug太多，那我打算找个好看的样式改改功能吧。仿select下拉框样式样式为图
前端放弃师·2021-06-05 08:06

12 CSS兼容

什么是CSShack简单的说，HACK就是只有特定浏览器才能识别这段hack代码。Hack也可以说是让前端最为头疼的问题，因为要写N多种兼容代码。这就是兼容性问题。谈一谈浏览器兼容的思路1.要不要做兼容？对于一个网站，我们要大致了解受众人群和浏览器，要确定这个网站是效果优先还是基本功能优先，里面的有些效果是否有必要实现等等，通过这些来确定浏览器是否要做兼容。2.做到什么程度？兼容IE6？兼容IE7
好好顽·2021-05-20 15:59

webpack 生产环境相关

一、CSS兼容性处理1.安装npminstallpostcss-loderpostcss-preset-nev--save2.文件配置改配置必须在css-loader之前掉用rules:[{test:/
~往无前·2021-05-02 09:28

CSS兼容性

1、什么是CSShack不同厂商的浏览器，比如InternetExplorer,Safari,MozillaFirefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。于是我们就需要针对不同的浏览器去写不同的CSS，让它能在不同的浏览器中也能得到我们想要的页面效果。简单来说，就是利用不
字母31·2021-04-28 08:58

css3选择器与新属性(一)

2.根据需求往上添加新的功能，新的技术)优雅降级（特点：1.使用最新的技术，最酷炫的效果实现页面，2.根据网站的用户浏览器版本进行针对性兼容性写法）2.css兼容性问题：transition:width2s
枫丶筱·2021-04-14 09:15

常见浏览器兼容性问题及解决方案

浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎所以浏览器兼容性问题一般指：css兼容、js兼容五大浏览器内核Chrome谷歌之前用Webkit，现已改用Blink内核FireFox火狐Gecko
涨涨涨张·2021-01-18 21:44

webpack生产环境的基本配置

文章目录一、提取css成单独文件1、创建文件2、下载mini-css-extract-plugin（和上一篇博客一样，我们装在外面）3、修改配置文件4、运行指令：webpack二、css兼容性处理1、创建文件
小R.·2020-12-07 19:14

我的webpack学习之路(webpack基础开发配置）

webpack初步认知和webpack基础打包)我的webpack学习之路（关于webpack的性能优化）关于我的学习笔记文章目录1、webpack开发环境基本配置2、devServer3、单独提取css文件4、css
ohh ·2020-10-28 17:53

前端常见浏览器兼容性问题解决方案

浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎所以浏览器兼容性问题一般指：css兼容、js兼容浏览器内核（渲染引擎）Chrome谷歌之前Webkit，已改Blink内核FireFox火狐GeckoSafari
星空之火@田兴·2020-10-20 11:10

浏览器兼容性问题

CSS兼容技巧1:FF下给div设置padding后会导致width和height增加,但IE不会.可用important解决2:居中问题.1).垂直居中.将line-height设置为当前div相同的高度
asdfwxy·2020-09-16 22:24

XHTML+CSS兼容性解决方案

使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面，省的大家四处找^^1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不
henry365·2020-09-16 11:31

css兼容性写法

*，ie6,ie7可以识别；_和-，ie6可以识别；!important,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级；-webkit-，针对safari，chrome浏览器的内核CSS写法-moz-，针对firefox浏览器的内核CSS写法-ms-，针对ie内核的CSS写法-o-，针对Opera内核的CSS写法
chuangque7777·2020-09-16 02:01

css兼容教程（css中!important介绍）

css兼容教程css兼容教程div+css使用!important标记区别Firefox和IE6[使用!important标记可以区别Firefox和IE6]Firefox支持!
DrifterJ·2020-09-16 02:34

css兼容问题

1display:inline-block;属性留白间隙给父元素加上font-size:0;就可以消除了。2图片垂直水平居中给父元素设置text-align:center;水平居中给父元素添加display：table-cell;vertical-align:middle;给图片添加vertical-align:middle;//垂直居中
延宾·2020-09-15 11:33

uniform中checkbox通过jquery选中

JQuery表单美化插件Uniform解决多选框，单选框，文件选择框样式问题uniform可以修改表单中元素的css兼容多种浏览器插件默认提供两种css样式，也可以按模版创建自己想要的样式使用方法：引入
有梦想得菜鸟·2020-09-15 08:28

Chrome F12 之 Timeline页面性能分析

虽然做前端不应有偏见，但我的确更喜欢Chrome浏览器，它的V8引擎带来无比畅快的运行速度，它的CSS兼容性最接近标准，它的F12最好用，界面简洁没有任何多余，虽说有时安装应用扩展不太方便，但对开发如此友好的浏览器
zhenzigis·2020-09-13 20:23

webpack插件

style里css-loader将CSS文件通过require的方式引入less–loader处理lesssass-loader处理sasspostcss-loaderpostcss-preset-envcss
姑苏云梦·2020-09-13 20:23

浏览器css兼容性,我的解决方法,不用!important

最近很多朋友都问我浏览器的兼容性问题，我一时也不知道从哪里说起。自己写得出，但不一定说得出。百度一下就搜到一个兼容大全，基本上算是写两种样式来兼容。见得最多的是!important。很多朋友的代码动辄就上千行那么长了。我很纳闷，我写的css代码几乎不用!important，而且我写CSS追求一个字“简”，通常一个站的css写下来都没过500行。但是我的代码也同样兼容IE6，7、火狐、Opera。我
dengxiao9180·2020-09-13 17:57

web前端兼容整理

来兼容低版本浏览器vue兼容html兼容1.H5新标签在IE9以下的浏览器识别html5shiv.js下载地址https://github.com/aFarkas/html5shiv/releasescss
sara-·2020-09-13 09:38

IE和火狐的css兼容性问题

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。1、DOCTYPE影响CSS处理2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行3、FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中4、FF:
weixin_30527143·2020-09-13 03:05

CSS兼容Chrome和Firefox

在做页面兼容Chrome和Firefox浏览器时，有时候会由于css样式导致两者显示不一致，比如在Chrome上显示正常，而在Firefox上可能就会出现纵向滚动条，这时候就要针对不同类型浏览器应用不同的css样式了，下面是不同的浏览器CSShank。比如一个css样式如下：.consureBtn{width:30px;height:25px;background:#0188fb;border:n
Terisadeng·2020-09-13 01:56

flex兼容性问题

flex在众多手机浏览器上的兼容方案(亲测华为手机自带浏览器)如果项目使用构建工具，可加autoprefixer来处理，[autoprefixer使用指南]纯手写css兼容代码，需给每个使用的属性加上属性前缀
weixin_30505751·2020-09-12 03:36

记录平时有用到的前端学习网站

es6转es5，Babelhttps://babeljs.io/repl（常用）css模块1.检测css兼容性https://caniuse.com/#home2.在线CSS颜色/透明度渐变效果代码工具
diebaiying3731·2020-09-11 08:51

css兼容性处理，自动加前缀的方法

1.postcsspostcss是一个用JS插件转化样式的工具。这些插件可以检查CSS，支持变量和mixin，转译未来的CSS语法，内联图像等等……总之是一个非常强大的css处理工具。在本文中我们主要介绍postcss里面使用率最高的一个插件Autoprefixer。Autoprefixer是专门用来添加厂商前缀的postcss插件，它处理兼容性的依据来源于caniuse。使用效果编译前：.exa
狗蛋0·2020-09-10 16:43

浏览器对DIV+CSS兼容性问题大总结

接触DIV+CSS架构已经快两年了，个人觉得css入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用div+css来布局，这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题，希望大家再在其基础上补充！所有浏览器通用（市面上主要用到的IE6IE7FF）height:100px;IE6专用_height:100px;IE6专用*height:100px;IE7专用
kingisking1·2020-09-10 14:24

让谷歌CSS兼容IE hover 伪类

例如IE只支持a:hover,不支持其他标签:hover,下面拿li标签做事例Documentbody{behavior:url("./css/csshover.htc");}ul,li{background-color:yellow;list-style-type:none;}li.li_dir.button_class{display:none;/*默认隐藏*/float:right;}li.
RSHUEN·2020-09-10 11:48

网页前端（11）CSS兼容与HTML新结构标签表单

浏览器样式前缀为了让CSS3样式兼容，需要将某些样式加上浏览器前缀：-ms-兼容IE浏览器-moz-兼容firefox-o-兼容opera-webkit-兼容chrome和safari自动添加浏览器前缀目前的状况是，有些CSS3属性需要加前缀，有些不需要加，有些只需要加一部分，这些加前缀的工作可以交给插件来完成，比如安装：autoprefixerSublimetext中安装autoprefixer
錦魚·2020-08-25 07:10

CSS兼容

一.csshack1.条件注释法只在IE下生效这段文字只在IE浏览器显示只在IE6下生效这段文字只在IE6浏览器显示只在IE6以上版本生效这段文字只在IE6以上(包括)版本IE浏览器显示只在IE8上不生效这段文字在非IE8浏览器显示非IE浏览器生效这段文字只在非IE浏览器显示2.属性前缀法属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。/*只
G_whk·2020-08-25 01:59

让DIV+CSS兼容所有浏览器

如何让div+css兼容所有浏览器1.DOCTYPE影响CSS处理2.FF:div设置margin-left,margin-right为auto时已经居中,IE不行3.FF:body设置text-align
酉告JIE·2020-08-24 22:38

sublime autoprefix css mac配置

介绍sublimeautoprefixcss是sublime中自动添加css兼容性前缀插件。
chris·2020-08-24 16:47

坑爹IE浏览器兼容性问题-实践性总结

前言最近在解决公司官网兼容性问题（兼容要求：ie7+），于是借机总结一下ie浏览器的css兼容性问题，maybe后续会再总结一篇js的兼容性问题。
dodomonster·2020-08-24 13:16

DIV+CSS兼容所有浏览器的技巧大全

CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行?2.margin加倍的问题?设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;?例如：??相应的css为
留给时间·2020-08-23 18:10

浏览器兼容性及处理方案 小结

常用的浏览器及对应内核如下：浏览器内核IETridentFirefoxGeckochrome先为webkit，后为blink（与opear共同开发）SafariwebkitOpearblinkCSS兼容性问题浏览器兼容性导致的问题
DOM曼珠沙华·2020-08-23 15:22

神州之心项目总结

ie8的css兼容性问题1.不支持box-shadow属性。
不一样的妞妞·2020-08-22 04:21

sublime autoprefix css mac配置

介绍sublimeautoprefixcss是sublime中自动添加css兼容性前缀插件。
chris·2020-08-20 23:52

sublime autoprefix css mac配置

介绍sublimeautoprefixcss是sublime中自动添加css兼容性前缀插件。
chris·2020-08-20 23:52

CSS兼容

什么是CSShack1.CSShack由于不同厂商的浏览器，比如InternetExplorer,Safari,MozillaFirefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中
饥人谷_林嘉俊·2020-08-20 22:11

IE6.7.8.FF兼容的问题的解决之道

important;一、CSS兼容以下两种方法几乎能解决现今所有兼容.1,!important(不是很推荐，用下面的一种感觉最安全)随着IE7对!important的支持,!
weixin_30672019·2020-08-18 04:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他