当我在 ie 上浏览它们时,我注意到在我的一些网页上。平板电脑或 Android 手机,图像看起来太大,而网站的其余部分适当缩小。在平板电脑/手机上查看时,是否有 CSS 属性或其他东西可以使我的图像正确缩小?
谢谢。
编辑:我说的是在使用 background-image CSS 属性时
最佳答案
更新
是的,你可以使用媒体查询
检查以下链接以开始使用。 希望这有帮助
http://mediaqueri.es/
http://css-tricks.com/css-media-queries/
示例
@media screen and (max-width:480px)
{
img
{
background-image:url('yourimage.jpg)";
height:50px;
width:50px;
}
}
@media screen and (max-width:750px)
{
img
{
background-image:url('yourimage.jpg)";
height:250px;
width:250px;
}
}
关于html - 平板电脑和手机的缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17745447/