使用內聯IMG寬度而不是CSS

我正在開發一個響應的網頁，我只是想知道如果有使用內嵌IMG的解決方案的屬性，而不是CSS？

下面是一個例子：

<img src="picture.jpg" height="90" width="120" alt="picture alt" />

但移動設備第一個CSS使用下一個CSS：

width: auto; height: auto; max-width: 80%;

結果是圖像寬度是它的原始寬度。（如果圖片寬度800像素，比它會顯示爲800像素的寬度）

如何它被固定到使用的寬度和高度屬性？

謝謝，戴夫。

你希望它尊重它的寬度/高度屬性？刪除css改變它的寬度/高度。 – evu 2014-11-06 14:14:13

如果您希望最大寬度爲其所在div的百分比，則還需要以％爲單位指定外部div的寬度。 – 2014-11-06 14:23:20

@evu - 我無法刪除它，因爲它首先是移動的。它控制着移動顯示。 – 2014-11-07 06:46:05

內聯CSS應該重寫它。

<img src="picture.jpg" style="height:90px; width:120px;" alt="picture alt" />

2014-11-06 14:11:40 frajk

頁面內容將通過無-編程人員上傳，所以內聯CSS沒有最佳答案：\ – 2014-11-07 06:44:05

如果我正確理解你，你想要有兩個不同的顯示器：一個用於普通計算機，另一個用於移動設備。如果您使用內聯CSS，則分配的課程無關緊要。內聯CSS將覆蓋所有內容，因此除非您想使用JavaScript手動覆蓋樣式，否則不要使用它。

相反，給你的圖像元素一定的階級，所以我們可以用CSS針對他們：

<img src="picture.jpg" height="90" width="120" class="ResizeableImage" alt="picture alt" />

現在，爲每個屏幕寬度要定位移動CSS類：

@media only screen and (max-width: ???px) { 
    .ResizeableImage 
     { 
      //Put Mobile Styling Here 
     } 
}

你的問題有點難以理解，所以我希望這是你要找的。如果沒有，留下評論，我會盡力幫忙。

2014-11-06 14:33:26

此外，這個環節可能對你有所幫助：http://css-tricks.com/resolution-specific-stylesheets/ – 2014-11-06 14:37:23

是的，你正確理解我，但！我首先在手機上開發。這意味着，首先我將樣式表寫入移動設備，THAN使用平板電腦和PC的媒體查詢。正因爲如此，手機CSS會覆蓋圖像的「height」和「width」屬性。 – 2014-11-07 06:42:42

對不起，但我不確定我明白你在說什麼。爲什麼這個答案不適用於你的解決方案？ – 2014-11-07 12:30:34

回答