Css 将手机上的图像宽度设置为窗口大小

是确保图像正确占据移动设备宽度的唯一方法，这：

if ($(window).width() < $("#entry img").width()) 
{
    $("#entry img").width($(window).width());
}

if（$（窗口）.width（）<$（“#输入img”）.width（））
{
$（“#输入img”）.width（$（窗口）.width（））；
}

---

就像css中没有更好的方法一样？

您可以使用媒体查询来检查css中的设备宽度，然后在移动宽度查询中将图像宽度覆盖到100%：

MDN通常有详尽的文档说明如何进行此操作：

@介质（最大宽度：600px）{
.img{
宽度：100%；
}
}

这意味着屏幕宽度小于600px的设备将由查询中的CSS提供服务。。。这可能是对默认图像样式的覆盖。您可以根据自己的选择调整查询宽度，并在CSS中堆叠其他查询块，为平板电脑分辨率等设置独特的样式

<style>
@media (max-width: 600px) {
  .img {
    width: 100%;
  }
}
</style>