html5获取屏幕宽度，html 屏幕尺寸

HTML如何将网页设计自动适应屏幕宽度

1、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：metaname=viewportcontent=width=device-width，initial-scale=0/。

2、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得不堪入目了，这是个很值得注意的问题。

3、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

4、这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal(入口)，会大大增加架构设计的复杂度。

5、自然拉伸 如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。

相关问答

Q1: HTML如何获取浏览器的宽度?

1、任务栏高/宽度 ： 可通过屏幕高/宽度 减去 屏幕可用高/宽度得出。如：任务栏高度 = screen.height - screen.availHeight 。window.outerHeight ： 浏览器高度。window.outerWidth ： 浏览器宽度。

2、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表 然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。

3、我们平时设置的html/body width：100%，实际上就是设置html，body等于视口的宽度。

4、我建议你用CSS media query来做，加入 form 111 那行的class 是111 media screen and (max-width： 989px){.111{display：none；}就可以了。

5、你可以考虑下响应式网页，跨平台兼容各种分辨率。宽度是不受影响的，高度会受影响，而且在父元素等同图片大小时，不会影响清晰度。

Q2: html怎么获取屏幕高度和宽度

1、通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。如：一个22寸的显示器，屏幕分辨率为1366 * 768，那么获取到的屏幕高度为1366px，宽度为768px。

2、目前来讲html不具备获取浏览器宽度的能力。

3、首先，在网页代码的头部，加入一行viewport元标签。

4、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表 然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。

5、看屏幕分辨率，一般显示器的分辨率是1024*768；现在大分辨率显示器很多都是1920*1200或者1920*1080的分辨率了。但是一般做网页还是按1024*768的做。或者在设置最外层容器时，设置宽度为自动。

Q3: html5框架iframe高度和宽度比例如何设置。

在文件夹里创建两个html文件，一个“index”一个“iframe”。 在index中添加一个iframe标签，直接嵌入iframe页面。 在iframe网页中添加了两个固定高度的div内容。

创建两个HTML文件在一个文件夹，一个“索引”和一个“iframe”。增强的iframe标记添加到索引，然后直接进入iframe嵌入页面。添加两个div标签内容与固定高度iframe页面。

HTML的frame框架自适应高度的6个方法：可以给它添加一个默认的CSS的min-height值，然后同时使用JavaScript改变高度。

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

在html中iframe标签的height和width属性用来设置框架链接页面。根据查询相关公开信息显示，Iframe-设置高度与宽度可以用height和width属性用来定义iframe标签的高度与宽度。

Q4: 如何获取屏幕的宽度

在窗体的Load事件中，获取窗体的宽度，根据窗体的宽度，使用vba代码设置每个控件的位置和大小。给主流的几种分辨率创建不同的窗体，根据不同的分辨率显示不同屏幕宽度。

屏幕的宽度和高度的计算方法：屏幕的尺寸，即其对角线的长度L。根据其宽高比α，得出宽与对角线的比为a/b=α/√(1+α)，所以宽为a=Lα/√(1+α)，进而得到高为b=L/√(1+α)。

当然有些浏览器会自动缩放使其适应屏幕，但这不是统一标准，正确的做法是用js动态生成此标签，当然，应该先获取屏幕尺寸。

viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。

html5获取屏幕宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html 屏幕尺寸、html5获取屏幕宽度的信息别忘了在本站进行查找喔。