如何确保图像流畅并将调整大小？

我想使用CSS来确保我的页面上的图像将调整大小，如果屏幕低于特定分辨率或低于特定大小的窗口。我已阅读使用{max-width：100％}，我已将其纳入我的代码中，但该图像没有调整大小。图像宽度为500px。如何确保图像流畅并将调整大小？

谢谢！

CSS和HTML：

.left{ 
float:left; 
width:600px; 
} 

.right{ 
float:right; 
width:400px; 
} 

#logoimage{ 
width: 100%; 
margin: 50px auto; 
max-width: 100%; 
} 

#navbar{ 
text-align: center; 
font-family: 'Special Elite', cursive; 
color:white; 
font-size: 80px; 
font-style: bold; 
display: block; 
margin: 60px auto; 

} 

<body> 
<div class="left"> 
<div id="logo"> 
<img src="/pictures/logo.png"> 
</div> 
</div>

来源

2013-04-18 nfab

您的ID logoimage CSS没有被应用到任何东西。你有一个img元素，但它没有指定ID。将<img src="/pictures/logo.png">更改为<img id="logoimage" src="/pictures/logo.png" />以使其生效。

此外，还有没有点设置width 100％，max-width至100％。这是多余的。任一组宽度为100％，以确保该元件是100％的宽度，或组最大宽度为100％确保元件将自动宽度高达最大为100％。

来源

2013-04-18 01:52:09 Snixtor

如何确保图像流畅并将调整大小？

回答

相关问题