轩枫阁

前言

在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。这次来看下CSS hack

为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-11（主要是6-9）。在ie下我们可以写条件注释来区分ie和其他浏览器，以及ie的版本。 查看全文

首先我们需要知道的一个基本规则
在网页显示中 一个 即一个空格所占用的位置大小为一个字符位。
一个英文字母的位置大小即一个字符位
一个空格的大小有多大？直观的显示就是一个英文字母的大小

而我们威武的中国汉字怎么能只占这么少呢!
所以一个汉字的位置是两个英文字母的位置大小

1.如果在没有声明何种字体的情况下

FF
不管一个 还是连续的空格 FF都是会忠实的执行显示 你定义多少个 FF就显示多少个空格；
IE
默认的空格显示是比较窄的 所以同样的页面会与FF的显示有出入

2.在 font-family:”宋体”; 情况下

FF IE 下的空格显示大小是一样的

所以记得声明 font-family 属性

1.简介

CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack!

2.CSS Hack的原理

查看全文