文档章节

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

人间四月
 人间四月
发布于 2015/12/02 21:55
字数 215
阅读 24
收藏 0
点赞 0
评论 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
使用safari对webview进行调试

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

杭城小刘
2016/12/08
167
0
JavaScript调试技巧之console.log()详解

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

Amamatthew
2014/10/10
0
0
70个专家的CSS编码经验谈一:CSS编码流程

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

oecp
2011/07/15
0
0
主流浏览器CSS3和HTML5兼容性详细清单

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

波利beryl
2014/11/12
0
0
SharePoint 2013常用开发工具分享

众所周知,一款好的开发工具不仅能提高项目开发效率,而且能够协助开发人员简化开发流程。本文汇总几款SharePoint 2013开发常用开发工具,希望能够对大家有所帮助。如果您有更好的工具,没有...

冷秋寒
06/29
0
0
H5微信牛牛棋牌房卡出售TypeScript VS JavaScript 深度对比

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 JavaScript 之间又有什么样的区别呢?在选择开...

棋牌出售
01/08
0
0
前段技术,fiddler工具应用介绍

写这篇文章的目的何在:   1.本人还算喜欢看书,JavaScript的相关书看过一些,书本上总能看见对JavaScript类似的评语或者评价 - “JavaScript调试困难”。可是事实却是随着互联网行业的的飞...

iceman_os
2015/03/19
0
1
前端单元测试初探

原文发于我的博客:https://github.com/hwen/blogS... 要不要写单测? 关于这个 cnode 上就有个很有意思的讨论 做个调查,你的 Node 应用有写单测吗? 看完这个应该会有结论?如果没有,就回...

hwencc
2017/11/11
0
0
web前端攻城狮整理的收藏夹

作为一名web前端开发工程师你的收藏夹存对了吗?下面是一份互联网上流传甚广的web前端开发收藏夹资源,包含学习网站、JS库、常用工具、常用插件、资讯书籍等资源。速速转存吧~ 一、学习网站 ...

inw3cschool
2017/03/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python以太坊类库web3.py概览

python通过web3.py库与以太坊交互共同入口是web3对象。web3对象提供API接口,python开发应用与以太坊进行交互如钱包创建、支付、转账等连接JSON-RPC服务器进行。 Providers提供者 Providers使...

智能合约
7分钟前
0
0
【Android学习笔记】设置App启动页

先将启动页放到项目资源中,图片一般是1080*1920的jpg。 新建一个activity,如图: 创建成功之后,打开刚刚创建的activity,来进行代码的编写: >>>阅读全文

全部原谅
8分钟前
0
0
什么是React-redux、为什么使用React-redux、怎么使用React-redux

1、什么是React-redux React-redux是用于连接React和Redux的 2、为什么使用React-redux 使用React-redux可以使redux部分代码更简洁更明了,比如组建中需要使用到的数据都在mapStateToProps方...

kimyeongnam
11分钟前
0
0
Spring核心——Stereotype组件与Bean扫描

在注解自动装载中介绍了通过注解(Annotation)自动向Bean中注入其他Bean的方法,本篇将介绍通过注解(Annotation)向容器添加Bean的方法。 Spring的核心容器提供了@Component和@Bean注解来标...

随风溜达的向日葵
11分钟前
0
0
利用世界杯,读懂 Python 装饰器

Python 装饰器是在面试过程高频被问到的问题,装饰器也是一个非常好用的特性, 熟练掌握装饰器会让你的编程思路更加宽广,程序也更加 pythonic。 今天就结合最近的世界杯带大家理解下装饰器。...

猫咪编程
15分钟前
0
0
flink fold example

flink fold例子 import org.apache.flink.api.common.functions.*;import org.apache.flink.streaming.api.datastream.DataStream;import org.apache.flink.streaming.api.environment.S......

coord
16分钟前
0
0
c++ qt 组播总结

每个人都有不同的认知规律和习惯, 有的人喜欢搞一套严密的大理论, 论述起来滔滔不绝, 不管自己懂不懂, 反正读者/听者是没搞懂。 有的人喜欢从实践出发, 没看到代码, 不运行一下, 不看...

backtrackx
20分钟前
0
0
Sublime text2安装json格式化插件SublimePrettyJson[Windows]

一、下载SublimePrettyJson插件包 https://github.com/dzhibas/SublimePrettyJson 二、将下载的文件解压放到在package目录下面 C:\Users\lucky\AppData\Roaming\Sublime Text 3\Packages 每个......

lazy~
20分钟前
0
0
安装vue-cli 报4058错误

1. 4058是网络代理错误。 安装淘宝源修改一下就可以了: npm --registry https://registry.npm.taobao.org info underscore 改为cnpm执行: cnpm install --global vue-cli 安装成功: 试试版...

MrBoyce
22分钟前
0
0
CPU飙升分析

1、top -----看具体的进程 2、top -H -p pid ------该进程的线程 3、printf 0x%x 15248 ------将线程改为16进制 4、jstack 进程...

北极之北
24分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部