HTML | html文档中html和body标签的默认尺寸是多少?

这篇具有很好参考价值的文章主要介绍了HTML | html文档中html和body标签的默认尺寸是多少?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HTML | html文档中html和body标签的默认尺寸是多少?

 HTML | html文档中html和body标签的默认尺寸是多少?

 新建一个空白的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>

我们来看一下,此时html文档中 html 元素 和 body 元素的默认尺寸(宽度和高度)是多少?

HTML | html文档中html和body标签的默认尺寸是多少?

在chrome浏览器里面查看html的尺寸,发现尺寸为1920×8。此时,我们并没有给html元素设置任何宽高尺寸,由此可知,html元素默认的宽度是浏览器当前的宽度。但是这个高度8个像素是怎么来的呢?我们继续查看一下body的尺寸信息:

HTML | html文档中html和body标签的默认尺寸是多少?

body元素的默认宽度是 1904像素,但是上下左右的margin为8像素。body元素的总宽度=左margin 8px+宽度1904px+右margin 8px=1920px,和html元素的宽度1920px一致。html元素的高度8px=body元素的上margin 8px。

所以,html文档中,html和bod标签,在不做任何设置的情况下,html根元素默认宽度为屏幕宽度,默认高度为8px(body元素的上margin 8px),body的默认宽度=屏幕宽度 - 左margin 8px - 右margin 8px。


HTML | html文档中html和body标签的默认尺寸是多少? 番外 HTML | html文档中html和body标签的默认尺寸是多少?

有的盆友会问,为什么我电脑是宽度1920的屏幕分辨率,但是在浏览器(chrome,IE等)中的宽度只有1536px  ——在新建的空白html文档里,查看如下:

HTML | html文档中html和body标签的默认尺寸是多少?

其实,这是你电脑的显示设置问题,解决办法,如下:

在桌面右键 -> 显示设置,将缩放改为100%即可。 

HTML | html文档中html和body标签的默认尺寸是多少? HTML | html文档中html和body标签的默认尺寸是多少?文章来源地址https://www.toymoban.com/news/detail-492638.html

到了这里,关于HTML | html文档中html和body标签的默认尺寸是多少?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 监听html元素尺寸变化ResizeObserver

    2024年02月12日
    浏览(53)
  • 【HTML专栏2】VSCode的使用(新建HTML文件)

    本文属于HTML/CSS专栏文章,适合WEB前端开发入门学习,详细介绍HTML/CSS如果使用,如果对你有所帮助请一键三连支持,对博主系列文章感兴趣点击下方专栏了解详细。 博客主页:Duck Bro 博客主页 系列专栏:HTML/CSS专栏 关注博主,后期持续更新系列文章 如果有错误感谢大家批评

    2024年02月09日
    浏览(39)
  • 微信小程序加载html标签(解析html标签、wxParse加载富文本html)

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月04日
    浏览(46)
  • 编程笔记 html5&css&js 043 CSS尺寸属性

    块的宽度和高度,决定了块的大小,也就是尺寸。 height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。 height 和 width 属性可设置如下值: auto - 默认。浏览器计算高度

    2024年01月21日
    浏览(52)
  • HTML5 <rt> 标签、HTML5 <ruby> 标签

    HTML5 rt标签用于表示为ruby标签中的注释内容。 一个 ruby 注释: 尝试一下 » IE 9+、Firefox、Opera、Chrome 和 Safari 支持 rt 标签。 注释: IE 8 或更早版本的 IE 浏览器不支持 rt 标签。 rt 标签定义字符(中文注音或字符)的解释或发音。 将 rt 标签与 ruby 和 rp 标签一起使用: ruby 元素

    2023年04月23日
    浏览(113)
  • HTML&CSS(二)---HTML常见标签

             HTML标题标签用于定义文档中的标题和子标题。HTML提供了六个级别的标题,分别是 h1 到 h6 ,其中 h1 表示最高级别的标题, h6 表示最低级别的标题。这些标签通常用于创建内容结构,帮助搜索引擎和读者理解文档的重要性和层次结构。 下面是标题标签的示例: 在

    2024年04月16日
    浏览(39)
  • HTML5 <s> 标签、HTML5 <sub> 和 <sup> 标签

    s 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。 在 HTML 4.01 中不赞成使用 s 标签。 在 HTML 5 中不支持 s 标签。 提示:请使用 del 标签代替。 关于s 标签的详细详细,你可以参考本站的“HTML s 标签”一节! HTML5 sub和sup标签分别为文档中的内容定义下标

    2024年02月01日
    浏览(76)
  • HTML-常见标签、HTML5新特性

    (1) C/S架构即Client/Server(客户机/服务器)结构。 (2) C/S 架构特点 ​ C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发,变更不够灵活,维护和管理的难度较大。通常只

    2024年02月11日
    浏览(71)
  • HTML 是什么?HTML 特点和标签详解

    了解 HTML(超文本标记语言)的定义、特点以及常用标签。HTML是用于网页设计的标记语言,通过一系列标签描述文档内容,包括基础标签、格式标签和表单标签等。

    2024年02月03日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包