根据移动设备宽度，图像适合div内部而不拉伸

Question

我正在使用phonegap，我正在尝试按照移动设备宽度将图像放入div中而不进行拉伸。

h1 {
    text-align: center;
    background-color: green;
    height: 100%;
    vertical-align: middle; 
    font-size: 25px;
}

Answer 1

放

img {
    max-width: 100%;
}

它会阻止源中的每个img标记“拉伸”超过最大屏幕宽度。