1,很多时候如果不在html页面顶部添加dtd,就会出现很多奇怪的问题,典型的是IE中的文字和内容无法居中,具体dtd详解请参见:http://www.w3school.com.cn/tags/tag_doctype.asp
2,IE中margin浮动产生双倍距离:此时使用display:inline
3,IE中字体可无限小,但chrome最小为12px,所以为了兼容,最好字体大于等于12px
4,IE中没有min-width,有时候为了使容器的大小固定,可以同时设置3个属性,width,min-width,max-width相等
5,文字换行,一般可word-wrap:break-word;word-break:break-all;white-space:normal;overflow:hidden;
6,input的高宽被改变后,其中的内容在IE下会紧靠左上角,此时可以设置line-height, text-align属性来进行调整,实在不行,还可以使用padding来调整
7,如果使用了float属性,一般在一行结束另起一行时,需要使用clear:both;
8,css在IE6,7下正常,在IE8下不正常,可使用<meta http-equiv="x-ua-compatible" content="ie=7" />来保持兼容性
9,去除li的自带样式,使用list-style:none
10,一般在css文件头定义body{padding: 0;margin:0;}结合text-align来处理文本居中问题
11,固定列数但不固定行数的表格,用div进行自适应时,有可能在一个浏览器下每行显示4个,到另外一个浏览器就显示3或5个,这时可使用width:178px;width:170px!important;min-width:170px;max-width:178px;这样的手法来兼容,不要加display:inline
。。。
分享到:
相关推荐
CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明 2 二 IE下判断IE版本的语句 2 1. 直接案例 2 2. 语法 3 3. 注意事项 4 三 常见css的兼容...
主要介绍了jQuery学习笔记之jQuery+CSS3的浏览器兼容性的相关资料,需要的朋友可以参考下
CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”,例如你可以在 CSS 中使用变量、简单的逻辑程序、函数(如右侧代码编辑器中就使用了变量$color)等等在编程语言中的一些基本特性,可以让你的...
(3)伪元素选择器(了解,浏览器的兼容性比较差) * css里面提供了一些定义好的样式,可以拿过来使用 * 比如超链接 ** 超链接的状态 原始状态 鼠标放上去状态 点击 点击之后 :link :hover :active :visited ...
1.css的概述 1.问题 HTML属性修饰有一定局限,是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) ...
浏览器兼容性 最新的 :check_mark: 最新的 :check_mark: 最新的 :check_mark: 9.1+ :check_mark: 最新的 :check_mark: 执照vibhuNotepad 在MIT LICENSE查看许可下获得许可。 版权所有 (c) 2019-21 Vivek Verma
新华字典在线查询工具是查字网提供的在线新华字典查询小工具,可用于各类网站,根目录、子目录均可使用!...3、重构CSS,兼容性更好。4、继续优化数据库,词库更加丰富。5、修复个别单字,词组错误。
由此可见,HTML5继承了HTML的部分特征,又添加了许多新的语法特征,比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等。此外HTML5还定义了处理非法文档的具体细节,使得所有浏览器和客户端程序...
兼容性:弹性盒模型规范是W3C标准化组织于2009年发布的,目前还没有主流浏览器对其进行支持,不过采用Webkit和Mozilla渲染引擎的浏览器都自定义了一套私有属性,用来支持弹性盒模型。 采用Webkit渲染引擎的浏览器...
g、出色的浏览器兼容性 h、链式操作方式 i、隐式迭代 j、行为与结构分离 k、支持丰富的插件 l、完善的文档 m、开源 12、Jquery.on这个方法怎么看? 答: jQuery.on()方法可以给匹配元素(可以是多个)绑定一个或多...
4、编写跨浏览器兼容性的JS代码时,常用到的判断代码 237 5、JS 计算网页内容的宽与高 (浏览器的标准模式与怪异模式) 237 6、JS设置与查看网页的解析模式(值) 249 7、JS判断对象是否已经存在 249 8、CSS设置网页在...
3、重构CSS,兼容性更好。 4、继续优化数据库,词库更加丰富。 5、修复个别单字,词组错误。 新华字典在线查询工具简介 查字网(hifang.net)提供的在线新华字典查询小工具,可用于各类网站,根目录、子目录均...
3.兼容性:几乎支持所有的浏览器,请放心使用 注意:字体图标并不能替代精灵技术,只是在工作中图标部分技术的提升和优化 总结:简单的小图标用字体图标,复杂的用精灵技术 三、推荐两个免费的字体图标
HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript: 数据类型、面向对象、继承、闭包、插件、作用域、跨域、...
谷歌师兄的leetcode刷题笔记加入CSS ...浏览器兼容性 AcceCSS mixin 将适用于任何主要的常青兄弟: 谷歌浏览器 苹果浏览器 火狐浏览器 IE(部分) 有关更多信息,请参阅 如何使用它 1 - 下载 首先,去
前端面试笔记总结,html ,css ,html5 ,css3 ,js,vue基础的面试题,HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。 自定义JQuery插件,完整的类库,基于Less等。 标题 主标题 Bootstrap和普通的HTML页面...
###浏览器兼容性### 该脚本在以下浏览器上应该可以正常工作: 火狐 3.5+ 谷歌浏览器歌剧 12+ IE9+ 野生动物园 6+ 由于每个 CSS 属性都需要手动构建才能获得支持,因此有许多属性尚不受支持。用法笔记! 这些说明用于...
模板兼容:此模版兼容IE6、7、8、9和IE 内核的浏览器,并支持以下浏览器。 模版特色 一、响应式设计,兼容PC 手机。哪怕是在240×320的分辨率下效果也不错。 二、采用1200px宽度设计。抛弃N年前流行的960px设计,...