0
コードの応答部分に問題があります。 デスクトップでは、イメージとタブレットのテキストよりもイメージに近い部分があります。 私はモバイル版の画像の下にテキストよりもイメージを作りたいと思っています。 私はそれがモバイルのために準備するためにCSSの助けが必要です。ここレスポンシブな電子メールコードの問題
はコードです:
<table class="table600" width="712" border="0" align="center" cellpadding="0" cellspacing="0">
<div id="slike">
<tr>
<td align="left">
<img src="img/img1.jpeg" class="img-responsive" width="330">
</td>
<td>
<p style="font-family: 'Open Sans', Myriad Pro, sans-serif; font-size:24px; color:#606060; line-height:28px;letter-spacing: 2px;">
Data security and erasure</p>
<p style="font-family: 'Open Sans', Lato, sans-serif; font-size:12px; color:#898989; line-height:18px;letter-spacing: 2px;">When a product comes into our possession our technicians start by wiping the hard drive(s) of any and all data. Thereafter, we install the latest operating system so that the product is ready to be used as soon as the new owner gets hold of it. As an extra service we offer to make a DOE 3-pass secure erase for a minor extra cost.</p>
</td>
</tr>
</div>
<div id="slike">
<tr>
<td>
<p style="font-family: 'Open Sans', Myriad Pro, sans-serif; font-size:24px; color:#606060; line-height:28px;letter-spacing: 2px;">
We do the logistic</p>
<p style="font-family: 'Open Sans', Lato, sans-serif; font-size:12px; color:#898989; line-height:18px;letter-spacing: 2px;">To make the sell process as smooth as possible for our customers we have decided to pay our customers postage fee. Once the devices is packed securely we book a collection using our standard logistic partner. The devices will be receiving an unique order number which you can follow during the whole process.</p>
</td>
<td align="right">
<img src="img/img2.jpeg" class="img-responsive" width="330">
</td>
</tr>
</div>
<div >
<tr id="slike">
<td align="left">
<img src="img/img3.jpeg" class="img-responsive" width="330">
</td>
<td>
<p style="font-family: 'Open Sans', Myriad Pro, sans-serif; font-size:24px; color:#606060; line-height:28px;letter-spacing: 2px;">
Eco-friendly and money saving</p>
<p style="font-family: 'Open Sans', Lato, sans-serif; font-size:12px; color:#898989; line-height:18px;letter-spacing: 2px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</p>
</td>
</tr>
</div>
</table>
それはあなたが使用しているCSSクラス定義を参照するのに役立つだろう – mhatch