网络解决方案移动和桌面视图的图像宽度

Question

HELP.ive已经搜索了很多关于如何编码图像的地方，它可以在网络解决方案中重叠页面的边缘。虽然不是那么好但是相信我我已经花了很多晚才进行试验和错误而且我不是那么好但特别是在css.and我不在网站即时制作中使用移动视图，但如果有一个代码的宽度可能会像从屏幕的两端加宽，但它会自动调整大小以适应移动查看请求sombedy帮助这是我最后一个没有用的编码。请帮助我

我尝试过的代码：

<uchar.h>

想要发生什么的图片：

Answer 1

在任何html项目中，始终在div中使用img标记。

＆＃13;

＆＃13;

div{
width:100%;
}
#responsive-image {  width: inherit;  height: auto; } 

＆＃13;

<meta name="viewport" content="width=device-width, initial-scale=1">

<div>
<img src="http://users.neo.registeredsite.com/4/2/5/19587524/assets/qwertyuiop1.jpg" id="responsive-image" /></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果我没错，你想让你的图像覆盖整个网页的宽度。 使用100vh而不是100％，这将使您的宽度等于视口宽度的100％

#responsive-image {  width: 100vh;  height: auto; } 
<img src="http://users.neo.registeredsite.com/4/2/5/19587524/assets/qwertyuiop1.jpg" id="responsive-image" />

我希望它有所帮助！