?
?新建一個(gè)空白的html文件,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
</body>
</html>
我們來看一下,此時(shí)html文檔中 html 元素 和 body 元素的默認(rèn)尺寸(寬度和高度)是多少?
在chrome瀏覽器里面查看html的尺寸,發(fā)現(xiàn)尺寸為1920×8。此時(shí),我們并沒有給html元素設(shè)置任何寬高尺寸,由此可知,html元素默認(rèn)的寬度是瀏覽器當(dāng)前的寬度。但是這個(gè)高度8個(gè)像素是怎么來的呢?我們繼續(xù)查看一下body的尺寸信息:
?
body元素的默認(rèn)寬度是?1904像素,但是上下左右的margin為8像素。body元素的總寬度=左margin 8px+寬度1904px+右margin 8px=1920px,和html元素的寬度1920px一致。html元素的高度8px=body元素的上margin 8px。
所以,html文檔中,html和bod標(biāo)簽,在不做任何設(shè)置的情況下,html根元素默認(rèn)寬度為屏幕寬度,默認(rèn)高度為8px(body元素的上margin 8px),body的默認(rèn)寬度=屏幕寬度 - 左margin 8px - 右margin 8px。
?番外?
有的盆友會(huì)問,為什么我電腦是寬度1920的屏幕分辨率,但是在瀏覽器(chrome,IE等)中的寬度只有1536px? ——在新建的空白html文檔里,查看如下:
?
其實(shí),這是你電腦的顯示設(shè)置問題,解決辦法,如下:
在桌面右鍵 -> 顯示設(shè)置,將縮放改為100%即可。?文章來源:http://www.zghlxwxcb.cn/news/detail-492638.html
?
文章來源地址http://www.zghlxwxcb.cn/news/detail-492638.html
到了這里,關(guān)于HTML | html文檔中html和body標(biāo)簽的默認(rèn)尺寸是多少?的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!