weixin_44622984的博客

简单的记录一下css兼容ie的写法:color:#FF5246; //一般浏览器识别color:#acacac\9; //IE8,IE9及以上版本识别*color:#3c3c3c; //IE7识别_color:#f4f4f4; //IE6识别在正常的css代码后加 ‘/9’ 只有在IE浏览器才能识别,其它浏览器会自动忽略,因此通过此条语句来区分是ie浏览器还是其它浏览器然后因为ie版本问题,我们需要兼容一下低版本的ie7 / ie6因此在通过*color

在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替代home键功能。微信小程序和 h5 网页需要针对这种情况进行适配，否则可能会遇到底部按钮或选项卡栏与底部黑线重叠的情况，如下图。在微信小程序上适配安全区域三种方案：使用已知底部小黑条高度34px/68rpx来适配（不推荐）使用微信官方API，getSystemInfo()中的safeArea对象进行适配（推荐）使用苹果官方推出的css函数env()、constant()适配（推荐）方案一：使用

在这里记录一下开发过程中突然喜欢上的CSS/CSS3 var()变量以及calc()函数 , 让在不使用sass以及less的情况下也能进行一个比较高效的样式设置var()变量var变量的定义语法 : - -变量名 两个短横线加上变量名var变量的使用 : var(- -变量名)我们可以在body中或者任何一个我们想要使用的变量语法的层级中定义var()变量并进行使用例如在body中定义:body{ --fontSize: 18px; --color: #000000;}在某

最近在做网页的时候,需要动态修改icon,然后发现了img标签在样式中使用content属性的url可以进行修改起图片引用地址以达到修改的目的,但是使用了之后发现了坑,好像只有Chrome浏览器支持,FF等好多其它浏览器都不能支持这种方式.<style> body{ display:flex; justify-content:space-around; } div{ width:300px; height:

在开发过程中,经常碰到需要设置多行溢出时的样式,例如一个块要求文本需要在第二行溢出时显示省略号,此时就需要进行多行溢出设置.核心:-webkit-line-clamp此样式必须要与另外几个样式配合使用：display: -webkit-box 将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 设置或检索伸缩盒对象的子元素的排列方式 。text-overflow 设置文本超出之后的显示方式。若需要设置两行文本溢出后省略号显示则overflow: hidden; //设置超出

##CSS 设置背景图片固定大小 无论屏幕如何增大 背景图片保持中间 多余两边用颜色填充,适应各种大屏幕及拉伸.test-img{ background-image: url("./XXX.png"); background-position: center; background-size: contain; background-repeat: no-repeat; background-color: rgb(116,177,255);}中间粉色部分

今天在开发过程中碰到了这样的情况,input框在我设置好样式后,我点击进行输入值,一旦我选择自动补全(及它弹出的下拉框中的以前填过的数据),就会出现默认的背景颜色,极容易影响整体框体效果如:出现的这个默认背景颜色很影响整体效果,于是要进行清除,最终查到了input有个属性设置,设置如下即可清除input:-internal-autofill-previewed,input:-internal-autofill-selected { transition: background-color 5

用css3将input框写出类似Google登录页面的动画效果效果一效果二效果一focus前focus后代码如下CSSbody{ background-color:#acacac; } .form-container{ display: block; position: relative; width: 400px; height: 400px; background: #fff; margin: 50px auto;