如何通过HTML获取屏幕、浏览器和页面的大小？
HTML获取屏幕、浏览器、页面的高宽。
本文主要介绍Web环境下屏幕、浏览器、页面的高宽信息。1.：介绍页面的容器（屏幕、浏览器、页面）、物理尺寸和分辨率、显示等。
2. 屏幕信息：介绍屏幕尺寸信息，例如屏幕尺寸、软件可用性以及任务栏高度和宽度。
3. 浏览器信息：介绍浏览器的高度和宽度、内部页面和工具栏等浏览器尺寸信息。
4. 页面信息：介绍HTML页面尺寸信息，例如正文的整体高度和宽度。
页面从外向内的显示，包括屏幕、浏览器和页面本身。
HTML元素显示在页面上，页面显示在浏览器中，浏览器显示在屏幕上。
这些容器的高度和宽度可以通过Js中的一些对象来获取。
容器的大小是指当前分辨率下的高和宽，而不是实际的高和宽。
例如，22英寸显示器的屏幕分辨率为1366*768，则获取到的屏幕高度为1366px，宽度为768px。
Screen.height：屏幕高度。
屏幕宽度。
Screen.availHeight：屏幕的可用高度。
也就是说，屏幕的高度减去顶部和底部任务栏就可以表示为软件最大化时的高度。
可用屏幕宽度。
也就是说，屏幕的宽度减去左右任务栏就可以表示为软件最大化时的宽度。
任务栏高度/宽度：通过屏幕高度/宽度减去可用屏幕高度/宽度获得。
例如，任务栏高度=screen.height-screen.availheight。
Window.outerHeight：浏览器的高度。
Window.outerWidth：浏览器宽度。
Window.innerHeight：浏览器中可用的页面高度。
该高度包括水平滚动条的高度。
这可以表示为移除浏览器边框和工具栏后浏览器的当前高度。
Window.innerWidth：浏览器中可用的页面宽度。
该宽度包括垂直滚动条的宽度。
这可以表示为移除浏览器边框后浏览器的当前宽度。
工具栏高度/宽度：包括地址栏、书签栏、浏览器边框等。
例如，可以从浏览器高度（页面的可用高度，即window.outerheight-window.innerheight）获取高度。
Body.offsetheight：主体的整体高度。
Body.offsetwidth：主体的总宽度。
Body.clientheight：主体显示高度。
指示浏览器中显示几何图形的区域的高度。
Body.clientwidth：文本显示宽度，表示文本在浏览器中显示区域的宽度。
滚动条高度/宽度：例如可以从浏览器可用的页面高度获取高度，即body显示高度，即window.innerheight-body.clientheight。
如何查看 iPad 的尺寸？
1. 单击常规。
打开平板电脑，单击“设置”，然后单击“常规”。
2. 单击“关于本机”。
转到“常规”页面，然后单击“关于本机”。
3. 查看尺寸
翻页时可以看到型号名称后的尺寸。
如何查看 iPad 的尺寸？
1 在 iPad 设置页面上，单击常规。
2 转到常规页面并单击关于本机。
转到第 3 页。
您可以在型号名称后查看尺寸。
我如何知道我的手机屏幕尺寸？
1. 要查看手机的屏幕尺寸，您必须先在手机主屏幕上找到“设置”选项，然后点击进入设置界面。
2. 进入设置界面后，在界面上向下滑动，你会看到一个名为“关于本机”的选项按钮。
3. 点击进入新页面。
在新页面上，您可以查看设备状态信息、所有者信息以及有关手机的其他信息。
一看就是机器名。
4. 找到您手机的名称后，您还可以将名称复制到浏览器的搜索栏中，然后查找与您的屏幕尺寸相关的说明。
进入手机官网输入手机名称进行搜索。
为什么是电脑宽度不显示？
①右键单击鼠标，选择屏幕分辨率，检查您设置的分辨率是否是与您的显示器匹配的高分辨率。
否则，请遵循系统建议并选择合适的分辨率。
② 检查您的显卡是否支持宽屏显示。
如果支持，请确保您的显卡驱动程序安装正确。
如果单击显卡设置，您将找到显示设置。
如何查看电子照片的尺寸？
主要查看方式如下：
1． 打开Word，点击插入照片，然后选择电子照片，通常插入的照片会在现实中显示出来。
尺寸（页面为A4尺寸）；
2. 在Photoshop、光影魔手等软件中打开你的电子照片，选择“照片属性”，勾选“画布大小”，即你的照片的大小。
3. 当您直接打开电子照片预览并选择打印照片时，您将看到实际尺寸的打印照片。
CSS/HTML：为什么这样设置整个页面的字体大小没有效果呢
自从你写了 font-size:4px; 浏览器可接受的最小汉字尺寸为10像素。
如果4像素无效，显示尺寸仍为默认尺寸。
希望这有帮助。
