`

1px的兼容问题

    博客分类:
  • CSS
 
阅读更多

最近面试有被问到:画一个高度为1px的div,兼容IE所有版本浏览器。

 

以前从来没有注意到这个问题,以前做IE7,8兼容的时候因为IE正常了,IE8完全显示乱套,所以直接来了个简便的通用的方法:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,现在才意识到这种方法治标不治本,要做好每个版本的兼容需用心钻研每个版本的默认设置和私有属性。

例如以上的问题,IE默认div的高度为15px,如设置小于15px的高度将不会有效果,以IE6为例,解决的办法如下:

1. 加一个"font-size: 0;"的属性设置

2. 加一个"line-height: 1px;"的属性设置

3. 加一个"overflow: hidden;"的属性设置

 

font-size 做(ie6)css hack,不然IE8将不显示,如:*font-size: 0;

 

 

分享到:
评论

相关推荐

    移动端高清1px方案

    总的来说,移动端高清1px方案是一个涉及到前端开发、CSS布局、JavaScript适配以及设备兼容性的复杂问题。开发者需要理解不同设备的特性,灵活运用CSS单位、伪元素以及JavaScript技术,来确保在各种屏幕环境下都能...

    h5移动端1px实现

    通过上述方法,我们可以有效地解决在移动端实现1px线条的问题。利用`:before`和`:after`伪元素结合`transform: scaleY(0.5)`,不仅可以确保线条在不同分辨率下的显示效果一致,还能有效提高页面的视觉质量。此外,...

    css实现0.5px线条解决移动端兼容问题(推荐)

    【内容】: 1. 利用background-image 渐变样式 2.可以利用scale缩放 3.给伪元素设置边框 ... border: 1px solid #ff0000; } /*1.可以利用利用渐变样式=&gt;实现.5px*/ .a1{ height: 1px; margin-top: 20

    css浏览器兼容问题大全

    【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)是用于控制网页元素样式的关键技术,但它在不同浏览器之间的兼容性问题一直是开发者面临的挑战。尤其是针对老版本的Internet Explorer(如IE7、IE6)和...

    常见浏览器兼容问题

    ### 常见浏览器兼容问题 在Web开发中,浏览器兼容性问题一直是开发者们需要面对的重要挑战之一。不同浏览器对CSS、HTML等标准的支持程度不一,常常导致页面在不同浏览器下显示效果各异。本文将根据提供的部分描述,...

    前端兼容问题大全

    前端兼容问题大全 本文旨在总结和解决前端开发中常见的兼容问题,涵盖了HTML、CSS、JavaScript等方面的知识点。 一、HTML对象获取问题 在获取HTML对象时,FireFox使用document.getElementById("idName"),而IE...

    css浏览器兼容问题

    CSS浏览器兼容问题一直是前端开发中的一大挑战,不同的浏览器在解析CSS样式时可能存在差异,这给开发者带来了诸多困扰。以下是一些常见的CSS兼容性问题及解决方案: 1. **默认的内外边距不同问题**: 解决方法:...

    CSS在不同浏览器中兼容问题

    CSS 在不同浏览器中的兼容问题 CSS 在不同浏览器中的兼容问题是 web 开发中的一大挑战。不同的浏览器对 CSS 的解析和渲染方式存在差异,从而导致相同的 CSS 代码在不同浏览器中显示效果不同。本文将总结常见的 CSS ...

    解决浏览器兼容问题的CSS语法技巧大全.doc

    解决浏览器兼容问题的 CSS 语法技巧大全 CSS 兼容性问题是 web 开发中常见的问题之一,如何解决浏览器之间的兼容性问题是每个 web 开发者都需要面临的问题。下面是解决浏览器兼容问题的 CSS 语法技巧大全,涵盖了 ...

    解决IE6兼容问题的十一大技巧

    1. **条件注释**:这是解决IE6兼容性问题的一个基础方法,通过在HTML文档中插入特定的条件注释,可以针对IE6及其不同版本应用不同的CSS或JavaScript代码。例如,`&lt;!--[if lte IE 6]&gt;` 用于匹配IE6及更低版本,`&lt;!--...

    IE与FF的兼容问题

    ### IE与FF的兼容问题 #### CSS篇 在网页开发过程中,不同的浏览器对CSS的支持程度不一,导致了诸多兼容性问题。以下列举了一些IE(Internet Explorer)与Firefox(火狐浏览器)之间的常见CSS兼容性差异及其解决...

    ie的常见兼容问题

    ### IE的常见兼容问题 在Web开发过程中,针对不同浏览器的兼容性问题一直是开发者们需要面对的重要挑战之一。其中,Internet Explorer(简称IE)作为曾经市场占有率极高的浏览器,在其多个版本中存在诸多兼容性问题...

    px4官方bootloader固件

    1. PX4 概述: PX4 是一个开源的飞行控制系统,广泛应用于无人机、地面车辆和水下航行器。它提供了一套完整的飞行栈,包括传感器融合、控制算法、路径规划和通信协议等,支持多种硬件平台。 2. Bootloader 的作用...

    最全的CSS浏览器兼容问题—HTMLCSS教程1

    CSS浏览器兼容问题解决方案 本文总结了CSS浏览器兼容问题的解决方案,涵盖了div的垂直居中问题、margin加倍的问题、浮动ie产生的双倍距离、IE与宽度和高度的问题、页面的最小宽度、DIV浮动IE文本产生3象素的bug、IE...

    css兼容问题

    ### CSS兼容问题详解 在网页开发过程中,不同的浏览器由于对CSS的支持程度不同,常常会导致页面在各个浏览器中的表现不一致,这就是所谓的“CSS兼容性问题”。本文将详细探讨几个常见的CSS兼容性问题及其解决方法。...

    前端兼容问题总结

    ### 前端兼容问题总结 #### 一、概述 在前端开发中,浏览器兼容性问题一直是开发者关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器下可能呈现出不同的效果。本文...

    CSS浏览器的兼容问题

    ### CSS浏览器兼容问题详解 #### 一、引言 随着Web技术的发展,前端开发变得越来越复杂,特别是CSS的跨浏览器兼容性问题一直是开发者们头疼的问题之一。不同的浏览器对CSS的支持程度不同,导致同样的一段CSS代码在...

    前端处理浏览器兼容问题

    ### 前端处理浏览器兼容问题 在前端开发过程中,浏览器兼容性问题一直是开发者们头疼的一个环节。不同的浏览器内核(如Trident、Gecko、WebKit等)在解析CSS、HTML时存在差异,这导致了相同的网页代码在不同的...

    dip/px互转

    1dp在mdpi设备上等于1px。在其他密度的设备上,系统会自动进行缩放,以确保1dp在所有设备上的物理大小相同。使用dip可以避免在不同密度屏幕上的显示问题。 **3. px(像素)** PX是设备像素,表示屏幕上的实际像素点...

Global site tag (gtag.js) - Google Analytics