css
文章平均质量分 96
Sweet__Cat
不忘初心 方得始终
展开
-
主流浏览器兼容性问题与解决方案
主流浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一转载 2017-08-09 11:46:21 · 1769 阅读 · 0 评论 -
如何快速处理IE浏览器兼容
如何快速处理IE浏览器兼容 一、基本样式兼容处理 最近项目需要突然要求兼容到ie6,已经做好的东西处理起来让人有点崩溃,敲起来简直可怕。 这里就介绍一种简单粗暴的方法就是用 ie浏览器独有的文档注释 的方式: 整理起来就很简单了,只需要ctrl+c复制需要调整的样式,然后在原创 2017-08-09 15:55:18 · 461 阅读 · 0 评论 -
Flex 布局
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这转载 2017-08-28 10:28:26 · 316 阅读 · 0 评论 -
img的标签src为空处理(避免谷歌浏览器有边框)
在谷歌浏览器中,img的标签src=""的时候,会出现空白边框效果影响用户体验。 解决方法如下: <style> img[src=""],img:not([src]){ opacity:0; } </style> ...原创 2018-11-13 15:43:09 · 1912 阅读 · 1 评论