html5图片按比率缩放，html图片比例

html5网页按比例缩放

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

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素。

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放，或用代码。

首先DIV居中，最好不要使用左边距来设置，margin：0 auto；即可让你的层居中，然后再对层的宽度进行定义，定义时请使用百分比进行，这样才能保证层能够随着浏览器大小而变化。

相关问答

Q1: 怎样在html中控制图片显示大小

1、如何在HTML中让图片以原尺寸比例显示？divimg src=./static/imgs/pages/coo/cooperation_pngalt=srcset=alt=srcset= 。合作_一{ 宽度：30%；身高：100px//确保所有图片的高度固定 行高：100px//垂直居中 显示：flex//灵活的布局保证了左右居中。调整-内容：空间环绕；} 。

2、直接添加宽高属性：img src= width=200 height=200 在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

3、可以用“width”和“height”属性控制图片的显示大小。

4、html设置图片大小：在img标签上设置图片大小、或者使用css样式控制图片大小。操作方法如下。设备：戴尔Inspiron15 系统：Win10 软件：visual studio code52 首先打开电脑之后，如下图所示，新建一个“cs”文件夹，在文件夹中存储一张图片用来做演示。

5、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。如果你插入的图片是通过img标签的方式来插入的话，可以通过img自身的属性控制图片大小，代码格式是：img src=图片路径 width=图片宽度 height=图片高度/。

Q2: html5手机页面背景图片自适应大小问题

1、，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。输入width：100％；height：100％；min－width：1000px；这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

2、这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

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

4、那图片大小就是p宽度的50%，p没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意 目前有哪些大公司用HTML5做网站？HTML5自适应网站是现在的主流，也可能是未来N年的主流。公司企业HTML5自适应网站模板可以用千博。

5、/，其次你要把页面中的宽度修改为百分比；width=device-width； ，也就是@media；initial-scale=1解决方案2：建议你看一下网上的教程或者案例，自己对比学习再写。

html5图片按比率缩放的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html图片比例、html5图片按比率缩放的信息别忘了在本站进行查找喔。