这应该工作。

Hello World

html, body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

background-color: green;

}

#container {

width: inherit;

height: inherit;

margin: 0;

padding: 0;

background-color: pink;

}

h1 {

margin: 0;

padding: 0;

}

Hello World

背景颜色在那里你可以看到它是如何工作的。将此代码复制到文件中,然后在浏览器中打开它。尝试使用CSS,看看会发生什么。

width: inherit; height: inherit;从父元素中提取宽度和高度。这应该是默认值,并非真正必要。

尝试删除h1 { ... } CSS块,看看会发生什么。您可能会注意到布局以奇怪的方式作出反应。这是因为h1元素正在影响其容器的布局。您可以通过在容器或正文上声明overflow: hidden;来防止这种情况。

我还建议你在CSS Box Model上做一些阅读。

html修改当前窗口大小,设置HTML页面和浏览器窗口的大小相关推荐

  1. html设置主页面的大小,设置HTML页面和浏览器窗口的大小

    twaddington.. 21 这应该工作. Hello World html, body { width: 100%; height: 100%; margin: 0; padding: 0; b ...

  2. python3-xlwt-Excel设置表格基础(字体颜色 背景颜色 设置边框 边框颜色 冻结窗口 字体大小 字体高度 字体加粗 下划线 斜体字 单元格对齐方式 自动换行 删除线 超链接 插入公式)

    文章目录 引入xlwt和创建workboos对象 初始化样式和创建设置字体,赋值给style 保存文件 自定义样式 字体颜色 背景颜色 设置边框 边框颜色 冻结窗口 字体大小 字体高度 字体加粗 下划 ...

  3. linux下tcp滑动窗口大小设置,转:TCP滑动窗口协议与socket缓冲区之间的关系

    一.TCP的滑动窗口大小实际上就是socket的接收缓冲区大小的字节数 注意:在以Unix为核心的一些操作系统中(不一定都是),SO_RCVBUF选项确实决定了TCP窗口的大小.你设置为多少窗口就为多 ...

  4. QT设计师无法修改窗口大小,无法通过鼠标拖动窗口改变大小的解决方案

    如题,我使用的是pyside6进行设计界面,通过添加布局实现了自动缩放的界面,但遇到了一个很诡异的现象,就是窗口无法缩小,在QT设计师界面,在geometry属性那里怎么修改,一点确定之后宽度和高度都 ...

  5. 前端页面获取浏览器窗口的几个高度

    我的设备有两个,一个高度为1080的显示器,一个高度为800的电脑 第一种:window.screen.height 这个方法是获取用户电脑屏幕的高度,是不关浏览器或者顶部工具栏跟底部工具栏的高度的 ...

  6. jsp wap页面手机浏览器自适屏大小

    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W ...

  7. Web应用中设置欢迎页面

    欢迎页面的设置和url-pattern -- 设置欢迎页面 在浏览器地址栏中直接通过项目名称访问时,默认显示的页面就是欢迎页面,可以是.html.jsp,可以通过welcome-file-list进行 ...

  8. html中页面缩放为何不居中,浏览器窗口放大缩小后页面内容居中解决方法

    先说下简单的思路: 1.获得窗口的大小,高度,宽度. 2.要知道显示的图片(我这里用图片举例)的大小,宽,高.(我的图片显示设置为 宽:960,高600 ) 3.简单算法,获得的浏览器宽,高 减去 图 ...

  9. php7 设置404页面,zblogphp怎么修改或创建404错误页面的方法

    当网站被访问的网页不存在,就会出现404错误页面,如果zblogphp主题模板中没有404.php文件,就会显示默认的错误页面,但默认的错误页面不太美观,而且也没有返回到网站首页的链接,不利于用户体验 ...

最新文章

  1. 丘成桐教授,不必动怒
  2. P2607 [ZJOI2008]骑士
  3. 整数因子分解c语言递归,整数因子分解:计算一个整数所有的分解式(递归实现)...
  4. 基本的SVG样式属性
  5. Lost and Found(结对项目)功能实现
  6. UI之CALayer详解(转)
  7. 适合python组态软件_组态软件哪个好
  8. 【Unity3D插件】PUN 2插件分享《Unity3D多人在线联机联网插件》——客户端服务器端一体
  9. pr如何跳到关键帧_必收藏的PR常用快捷键大全
  10. SASS教程sass超详细教程
  11. 【HEVC】CTU,CU,PU,TU的划分
  12. 计算机课开机心得学生,计算机课学习心得范文体会范文(精选8篇)
  13. 报表类-金蝶K3一次查询所有供应商采购价格
  14. php文件更名,php如何批量给文件改名
  15. 会php学java入门要多久_php自学需要多久
  16. C++语言中关于switch的用法
  17. 【WSN通信】能量均衡的无线传感器网络非均匀分簇路由协议附matlab代码
  18. 用java编写图形用户界面_Java编写图形用户界面程序
  19. 笔记本电脑右下角网络图标显示红叉
  20. iSCSI技术白皮书

热门文章

  1. 如何更好的做计划-SMART原则
  2. 计算机平时成绩差有啥影响,2016普通话考试应用技巧解析
  3. PhotoShopCS6报错error:16解决办法
  4. 怎么提升工作能力?怎么制定计划?
  5. ping命令的用法大全!
  6. 那么浙江大学软件工程专业复试考试内容有哪些
  7. 高级Java开发招聘
  8. 自学UG编程难吗?怎么样才能学好大型汽车模具编程?
  9. win10鼠标右键恢复
  10. nnunet 扩充流程