如何访问html中的屏幕大小？

可能吗？

不是用HTML，而是用JavaScript

---

window.screen

具有

width

和

height

属性。

您可以使用javascript使用

window.screen

实现这一点

否。但您可以创建不取决于像素或厘米，而是取决于百分比的布局。它们被称为液体布局。此外，您还可以定义最小宽度或高度，以确保您的布局不会在屏幕中中断

---

其他替代方案包括客户端脚本（如javascript），正如其他人所说。

以防您要求在屏幕/浏览器窗口上集中某些内容：

使用CSS：

.cen {
  margin: auto;
}

如果是要居中的图片：

.cen {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -<witdh of image>/2;
  margin-top: -<height of image>/2;
}

.cen{
位置：绝对位置；
左：50%；
最高：50%；
左边距：-/2；
页边顶部：-/2；
}

另一个很好的方法是使用

@media

查询

这里可以找到一个简要的概述

或者W3C提供更全面的解释

---

如果您担心在旧浏览器上缺乏支持，这可能不是最好的选择，但如果您不担心，这是最好的选择

请展开。你为什么要这么做？比如说，如果你想要一个

div

，它是屏幕宽度的一半，你可以使用

50%

，作为它的宽度。@nico所以我可以使用所有组件的宽度和高度以及百分比？听起来很酷。。字体大小是否合适？@Tom Brito:当然，但我建议用CSS实现，而不是直接在HTML中实现（尽管这也是有效的），因为这会让事情更干净。字体大小更复杂：您可以使用px（像素），尽管这是不鼓励的，

em

是一个更好的选择，另请参见：如果您使用ems作为字体大小，请确保将正文的字体大小设置为62.5%。这将使您更容易计算出要使用的字体大小，因为如果您以这种方式缩小字体，则1em=10px。