IE7标准模式select高度计算方式

IE7标准模式下select的高度设定并不一定有效.

IE7的select高度的显示和option有关.
例如:(以下计算忽略border,padding,margin)
一个option高度是22px,

css样式:

select{height: 100px;}

100/22 = 4.xxxx, 那么实际的高度就是4*22 = 88px

如果设定的是

select{height: 110px;}

110/22 = 5, 实际高度就是5*22 = 110px

如果高度不够下一个option显示的话, 则减去这个option的高度.

略坑..

如果有错的话, 请留言告诉我, 我立刻更正.

IE7标准模式select高度计算方式

时间: 2024-10-22 22:03:34

IE7标准模式select高度计算方式的相关文章

【实战问题】【10】IE浏览器兼容问题,发布后变成了(浏览器IE9兼容模式,文档IE7标准模式)

起因: 近期发生一件特别无语的事,我写的程序在本地运行的时候在IE浏览器打开是IE9标准模式,发布到服务器之后再在IE浏览器打开,就变成了兼容模式,一步步改好之后在图片上传那里又卡了好久,最后都改好了之后,发现了问题所在,我的问题可能不适用于所有情况,仅给大家参考一下 我的问题很简单:我用了lanternFQ,关了就好了 过程: 1,所有和ajax这种格式的一样的,最后一项(此处为success)都不要加逗号(,). $.ajax({ type : "POST", url : &quo

如何使浏览器打开时,默认的文档模式就是标准模式

请看下方: 第一步,将代码设置成html5的模式,那么用户打开项目之后,文档模式就是标准的:即不会是ie5Qurik模式:但有可能是ie7标准模式: 第二步, 2.1 在html head中写上这句代码,即可时文档模式为你浏览器最高级别的模式:<meta http-equiv="X-UA-Compatible" content="IE=edge" />: 2.2 若你想已ie8的标准模式打开,就写成<meta http-equiv=X-UA-Com

下拉菜单select高度(兼容IE6/IE7/IE8/火狐等主流浏览器)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

Doctype作用,标准模式与兼容模式的区别

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现.   标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需

大前端学习笔记整理【五】rem与px换算的计算方式

前言 这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局,项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊!!结合这次这个小项目,我觉得我也有必要对rem布局以及用法进行一次总结. ps.文笔可能不太好... 1.什么是rem 来自于鹅厂ISUX团队的解释如下: rem(font size of the root element)是指相对于根元素的字体大小的单位.简单的说它就是一个相对单位.看到rem大家一定会想起em单位,em(font s

(转)标准模式与怪异模式

标准模式与怪异模式 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别. W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页

标准模式与怪异模式

标准模式与怪异模式 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别. W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页

关于HTML(二)---------浏览器的标准模式和怪异模式

标准模式和怪异模式的来由 在HTML与CSS的标准化未完成之前,各个浏览器对于HTML和CSS的解析有各自不同的实现,而有很多旧的网页都是按照这些非标准的实现去设计的.在HTML与CSS标准确定之后,浏览器一方面要按照标准去实现对HTML与CSS的支持,另一方面又要保证对非标准的旧网页设计的后向兼容性.因此,现代的浏览器一般都有两种渲染模式:标准模式和怪异模式.在标准模式下,浏览器按照HTML与CSS标准对文档进行解析和渲染:而在怪异模式下,浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染

标准模式与混杂模式

1,当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性.为了实现这一点,他们创建了两种呈现模式:标准模式和混杂模式.在标准模式下浏览器按照规范呈现页面:在混杂模式下,页面以一种比较宽松的向后兼容的方式显示.混杂模式通常模拟老式浏览器的行为以防止老站点无法工作. 2,区分:浏览器根据DOCTYPE(文档声明)是否存在以及使用那种DTD来选择要使用的呈现方式.如果XHTML和HTML文档保航形式完整的DOCTYPE,那么它一般以标准模式呈现.相反,如果文档的DOCTYPE不存在或者形式