html5窗口大小，html屏幕大小

HTML中怎么让背景图片跟着浏览器窗口变大变小?

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

，你可以用DIV方图片，用z-index把它设置在最底层，通过设置div宽，高。（用width：100%模式）2，你也可以用html5网页，他的网页设置好了自动缩放设置，你只需写内容即可。

浏览器窗口大小，是html不能控制的。我们能做的是根据窗口的大小，让html里面的内容进行适配。

img src=http：//img.baidu.com/img/logo-zhidao.gif width=100% height=50% 使用以上代码插入图片，就会按浏览器窗口大小缩放。也可以使用javascript对图片大小进行改变。

相关问答

Q1: HTML5怎样实现图片随浏览器窗口变化大小

背景图片怎样随浏览器的大小而改变大小 用背景图像重复这种方法很简单，也很常用，在dreamweaver软件里，具体步骤是：菜单“修改”-“页面属性”（快捷键：ctrl+J）-“外观”-按自己的实际要求来选择背景图像和重复参数。

在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

Q2: html5.怎么固定网页分辨率?

1、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

2、打开浏览器，输入网址进入具体的网站，在浏览器屏幕的右下角找到放大镜图标；点击放大镜进入选择网页分辨率的页面，即可选择适合的网页分辨率。

3、老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。

4、HTML页面可采用自适应布局或者响应式布局。自适应布局，使用百分比宽度来自适应屏幕大小。响应式布局，使用CSS的@media规则，根据不用屏幕大小范围，编写多个CSS样式，来适应多种屏幕大小。

Q3: HTML5移动网页的设计稿尺寸应该是多少?

1、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

2、pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

3、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

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

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

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

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

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

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

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