w3c规范自融入高宽比height100%不起功效的难题剖析

日期:2021-03-15 类型:科技新闻 

关键词:h5小游戏,h5如何制作,免费h5在线制作,h5页面在线制作,测一测h5

在之前的网页页面中,table用height:100%是能够整屏的,但在网页页面头顶部提升:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
后就和沒有用height:100%1样了,后来发现要给html,body都提升height:100%的特性,这是高宽比自融入难题的重要所属。

拷贝编码
编码以下:

html,body{
margin:0px;
height:100%;
}

1个目标高宽比是不是可使用百分比显示信息,取决于目标的父级目标,Table在body当中,因而它的父级是body,而访问器默认设置情况下,是沒有给body1个高宽比特性的,因而当大家立即设定#left为height:100%;时,不容易造成任何实际效果,而当大家给body设定了100%以后,它的子级目标Table的height:100%;便产生功效了,这就是访问器分析标准引起的高宽比自融入难题。而编码中除给body运用以外,还给 HTML目标也运用同样的款式设计方案,这样做的益处是使IE与firefox访问器都可以完成高宽比自融入。此外,Firefox中的HTML标识并不是 100%高宽比,因而给两个标识都界定为height:100%;以确保两个访问器下均可以一切正常显示信息。
上一篇:CSS Hack(Safari、Opera、Firefox3和IE7) 返回下一篇:没有了