IE8中css字体大小自适应设置

html-css015

IE8中css字体大小自适应设置,第1张

要通过代码设置，C语言<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title>Demo</title> <style type="text/css">

#box { font-size: 4vw}</style></head><body> <div id="box">

我是靖鸣君 我是靖鸣君 我是靖鸣君</div></body></html>

但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的：

When the height or width of the viewport is changed, they are scaled accordingly.

尊敬的用户，您好！很高兴为您答疑。

以color属性为例，

color:#ff0000/*一般属性ff*/

color:#ff0000\9/*仅针对ie8有效*/

*color:#ff0000/*仅针对ie7有效*/

_color:#ff0000/*仅针对ie6有效*/

希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

方法1.在图片的外面加上一个div,如果是图片要占整行，那么这个div不需要加什么样式；如果是和其他元素共占一行，那么这个div必须是display：inline-block,而里面的img图片只要设置width:100%让图片自适应外层的DIV，而div则自适应更外层的宽度，这个方法不存在IE8内不存在兼容性问题（IE6以下不兼容）。

方法2.在布局上和方法一一样，但是在导入图片和展示图片上有点差异，即用background导入图片，用background-size来控制图片的展示。