嘗試僅在 Pardot 中為移動設備使用行內 CSS。
我正在使用：
@media screen and (max-width: 768px) {
.secondimage {width: 50vw !important;}
這似乎適用于移動設備。但是 Pardot 想要影像的高度和寬度：
<img align="left" alt="alt" border="0" class="secondimage" src="image.jpg" style="float: left; width: 259px; height: 288px; border-width: 0px; border-style: solid;" width="259">
在移動 Outlook 中，影像具有正確的比例，但在 Gmail 中，影像遵循像素高度并將其壓縮到視口寬度的 50%。我怎樣才能讓它在任何地方以正確的比例渲染？
uj5u.com熱心網友回復：
添加height:auto您的媒體查詢樣式。
@media screen and (max-width: 768px) {
.secondimage {width: 50vw !important; height:auto !important; }
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/422188.html
標籤：
上一篇：如何在引導程式5中連續隱藏1列并僅從中屏到小屏顯示第二列？
下一篇：HTML表單，在div內時不回應