文档章节

浏览器常用兼容性调试技巧

人间四月
 人间四月
发布于 2015/12/02 21:55
字数 215
阅读 24
收藏 0

浏览器常用兼容性调试技巧

  1. 实现所有浏览器主页居中:

    1. FireFox    .box{ margin:0px auto;}

    2. IE5.5    .body{ text-align:center;}

    3. 将以上代码合并

  2. 单行文本上下居中(垂直对齐)

    1. h1{ height:30px; line-height:30px;}

  3. IE6下,左右maigin会加倍

    1. 使用 display:inline;    //将块元素转化成行内元素

    2. 排版时,能用padding解决的问题最好不使用margin,若使用margin,只使用其中一边



CSS HACK

    针对不同浏览器,书写不同的CSS代码的过程,成为“CSS HACK”

    针对不同浏览器,有如下符号:

    在CSS属性前面加,用于分辨不同的浏览器版本

       "*"IE6和cIE7 识别,如:.box{ *background-color:red;}

       "_"IE6识别    如:.box{ _baskground-color:red}

    注意:CSSHACK不是W3C标准,尽量少用。


© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们...

lotozhou
2015/11/20
0
0
主流浏览器CSS3和HTML5兼容性详细清单

天极网软件频道2011-05-26 15:26 分享到:我要吐槽   更多精彩相关文章推荐:   常用浏览器软件HTML5兼容性表现测试   IE和Firefox浏览器CSS兼容性技巧整理   CSS hack定义技巧浏览器...

波利beryl
2014/11/12
0
0
使用safari对webview进行调试

在web开发的过程中,抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari。所以,本文将讲解...

杭城小刘
2016/12/08
167
0
70个专家的CSS编码经验谈一:CSS编码流程

一、 CSS编码的(准备工作)流程 关键词(Keyword):CSS,CSS工作流程,CSS经验 原文为:" 70 Expert Ideas For Better CSS Coding " CSS并不是一直都那么容易处理的。CSS完全依赖于你的使用技巧和...

oecp
2011/07/15
0
0
JavaScript调试技巧之console.log()详解

Javascript的console.log()用法 一、什么是console.log()? 除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能; 即使没有调试功能,也可以通过安装插件来进行补充。比如,老版本的...

Amamatthew
2014/10/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sqlserver 2008 r2 直接下载地址(百度云)

之前下载的sqlserver2008发现不能附加,就卸载了,重新找到了sqlserver2008R2的百度云资源 卸载sqlserver2008还是有点麻烦,不过就是需要删除注册表中的信息 自己来回卸载了3次终于重装sqlse...

dillonxiao
40分钟前
1
0
[Java]JVM调优总结 -Xms -Xmx -Xmn -Xss

JVM调优总结 -Xms -Xmx -Xmn -Xss 博客分类: Java General JVM应用服务器电信CMS算法 堆大小设置 JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可...

morpheusWB
51分钟前
1
0
C++ std::function 和 std::bind

C++11提供了std::function和std::bind两个工具,用于引用可调用对象。这些可调用对象包括 普通函数,Lambda表达式,类的静态成员函数,非静态成员函数以及仿函数等。引用可调用对象,可以用于...

yepanl
今天
2
0
python:可迭代对象的索引

关于 python的range的用法: 注意是[ 开始,结束)的半开区间,不包括结束 http://www.runoob.com/python/python-func-range.html import collectionsfrom collections import Iterable字符串......

Oh_really
今天
3
0
docker-compose ,docker-stack

1.例子 version: "3"services: php: image: registry.cn-hangzhou.aliyuncs.com/lxepoo/apache-php5 ports: - "38080:80" networks: - my_php_mysql volum......

chenbaojun
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部