㈠ html5 怎么让图片自适应

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

  • 直接在图片代码里面设置style，例如<img src="xxx.jpg" style="max-width:100%;"/>2、要么给图片统一一个内class名例如response-img，然容后在css文件里面设置这个class

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

使用百分比，比如
<
img
src='../a.ipg'
style='width:50%'
/>
这样就会保持屏幕的50%的宽度。
如果有上级标签，比如：
<div>
<
img
src='../a.ipg'
style='width:50%'
/>
</div>
那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意

㈢ html代码 插入图片 手机上自动适配大小 这个应该怎么写

在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度: [html] view plain <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5,

㈣ css图片自适应手机屏幕

display: block;
height: auto;
max-width: 100%;
加上这些属性，然后img随着父级宽改变

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

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

㈥ html5 怎么让图片自适应

【效果】

图片自动伸缩，不会超过屏幕宽度


【原理】

css控制图片回的max-width


【代答码】

  1. 要么直接在图片代码里面设置style，例如<img src="xxx.jpg" style="max-width:100%;"/>

  2. 要么给图片统一一个class名例如response-img，然后在css文件里面设置这个class，例如

.response-img{
max-width:100%;
}

㈦ HTML 图片在手机端自适应

<!DOCTYPEhtml>
<html>

	<head>
		<metacharset="utf-8">
	</head>
	<styletype="text/css">
		*{
			margin:0;
			padding:0;
		}
		.demo{
			width:100%;
			height:100%;
			max-width:760px;
		}
		.demoimg{
			width:100%;
			height:62.5%;
		}
	</style>

	<body>
		<divclass="demo">
			<imgsrc="http://pic1.win4000.com/wallpaper/6/578855acae491.jpg"/>
		</div>

	</body>
</html>

㈧ 怎么让图片在手机端自适应大小

首先看一下图片自适应的网页。（本图中的图片大小刚好占满浏览器）

首先，我们在body中增加canvas标签：
<canvas id="myCanvas">
Your browser does not support the canvas element.
</canvas>
<div> 本养老院占地面积是14000平方米，建筑面积5000平方米。园林面积为7000平方米。</div>
注：这里极力推荐使用html5的canvas标签，使用传统的img标签经试验有一系列问题，小编暂时没找到可自适应的简便方法。

此时刷新页面查看效果，发现注释已经显示出来，且页面上面的花瓣canvas已经预留出空间，如图：

为canvas标签增加自定义背景：
#myCanvas {
background-image: url(${webRoot }/webpage/weixin/images/agency.jpg);
background-size: 100%;
}
注：url中是图片的路径，大家需自行修改。

这时候查看页面效果，发现图片已经展示，但是未占满整个浏览器。

使用css定义body、canvas标签样式：
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#myCanvas {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
display: block;
}

这时候刷新页面，发现图片已经自适应了。目的达成。

㈨ html 5 和css3 怎么让图片中的菜单自适应所有的电脑屏幕以及手机

给你个思路：百分比
满意请点赞

㈩ html中如何使图片自动适应浏览器

可以使用html的style标签的width属性实现这种图片自动适应效果。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。