在指定的屏幕寬度上使css類無效

Question

我有顯示圖像的模式。我將圖像的高度設置爲90％模式，寬度自動縮放，因此圖像不會被拉伸。但在手機上，我想height不被定義，我只想定義寬度爲100％。我如何在未定義的小屏幕上創建圖像高度？直到現在我有這樣的代碼：

.image { 
    height: 80%; 
} 
@media only screen and (max-width: 700px){ 
    .image { 
    width: 100%; 
    /* make height not defined?! 
    } 
} 

Answer 1

在手機屏幕上使用height: auto;。

@media only screen and (max-width: 700px){ 
    .image { 
    width: 100%; 
    height: auto; 
    } 
} 

Answer 2

@media only screen and (max-width: 700px){ 
    .image { 
    width: 100%; 
    height: auto; 
    } 
}