我正在尝试调整图片大小以适应此页面的较小屏幕尺寸：
http://www.desjardinsbherer.com/www_test/en/contact.html
我有一个悲惨的时间，并会欣赏一些见解。
THX！
答案 0 :(得分：1)
此CSS应涵盖示例中的所有基础：
width: auto;
height: auto;
max-width: 100vw;
max-height: 80vh;
图像将限制为视口宽度的100％和视口高度的80％，而不会拉伸或挤压图像。我会建议在不太严格的东西中包含图像，所以你不必使用这个解决方案。我甚至无法在您的页面上滚动，但我确实理解它正在进行中。 ：P
答案 1 :(得分：0)
HTML中的所有图像标记都有两个属性，用于更改宽度和高度的大小 您可以将它们设置为@media中的分辨率大小，以用于任何类型的分辨率 您应该使用网格系统进行设计 这里是网格系统 grid system on w3
这里是图片标签： Responsive image on w3