html5保持比例，h5页面尺寸

html5设置图片自适应屏幕宽度

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

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

html5中是通过css3的background-size来控制自适应的。

style=width：50%/ 这样就会保持屏幕的50%的宽度。

相关问答

Q1: HTML5网页如何在电脑端和手机端都全屏显示?

1、首先打开手机桌面，登陆UC浏览器。进入首页，点击下方导航栏第三项“菜单”。弹出菜单中，再点击左下角的齿轮设置图标。设置界面，点击中间位置的“网页浏览设置”。

2、手机网页显示不全，解决办法如下：在手机上打开自带的浏览器进入。进入到浏览器页面以后输入需要访问的地址链接。页面跳转以后进入到该网页界面，可以看到当前的页面内容显示是不完整的。

3、项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。

4、你要知道电脑屏幕的分辨率，或手机屏幕的分辨率才可以设置成全屏显示。如硬扩展成全屏显示， 字体会变形。 建议用FRONTPAGE来设计， 可自动转换为HTML代码。

Q2: 怎么制作HTML5页面让它适应电脑和手机的尺寸

了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

在手机上不能固定宽度，要按百分比写页面宽度。才能自适应设备。主要是这两点，当然细节上面还有很多和PC端不一样的地方。指向文件错误，比如你的网页文件在A，但是你却指向了B。你把指向的文件放到网页文件内在试试。

打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。

在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

作铺满内框的图要按照这个尺寸的2倍大小去做。出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。这个你可以参考下意派Epub360的画布标准，这个工具是专业级的H5工具。

Q3: 在HTML5中如何设置屏幕百分比

1、meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

2、--viewport：可视窗口，也就是浏览器。

3、按下键盘Ctrl键，同时向上滚动鼠标滚轮 点击浏览器相应菜单即可。例如：chrome浏览器，点击右上角选项，找到“缩放”，点击+号即可放大。

Q4: 用html5开发手机网站,div的高度与宽度比例怎么来设定

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

使用CSS的aspect-ratio属性：设置div的aspect-ratio属性为1，这样可以确保宽度和高度的比例保持一致，从而不会出现宽度超过高度的情况。

要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现。

用JavaScript或者jquery 页面加载完，获取当前浏览器显示区域高度。获取页面中我的相册、div关闭相册的高度。用1获取的值减去2所有的值。

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

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

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

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

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

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

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

6、我们需要删除width =“560”height =“315”，因为这里是设置iframe的大小。由于我们需要自己设置尺寸，因此我们不需要这样做。

html5保持比例的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5页面尺寸、html5保持比例的信息别忘了在本站进行查找喔。