html - 图片不适合手机屏幕

Question

我最近开始使用 bootstrap 构建站点，但在创建 http://en.arecotechnology.com/gunassembly.html 时遇到了问题

当屏幕最小化时，照片不适合屏幕。网站上的其他页面也是如此，包括 http://en.arecotechnology.com/spe2018.html (屏幕最小化时图片覆盖文字)

我尝试使用 div，但似乎没有任何效果。

如果有人可以提示我应该做什么，将不胜感激!

Answer 1

尝试将宽度更改为 80%。这样，它始终最多为屏幕宽度的 80%。

我只能提供给定的信息。链接失效，404，和Fecosos一样^^^

也用媒体规则试试这个:

@media screen and (max-width:480px) {  
    .cupcake img {
        width: [insert desired with here for certain size];
    }
}