Question

我在joomla中有一个模块，我正在努力做出响应。我承认我有点不练习。我用这段代码来设置它：

＆＃13;

<table style="max-height: 100%; max-width: 100%;">
<tbody>
<tr style="height: 100%;">
<td style="max-width: 100%; height: 100%;">
<p style="text-align: center; max-width: 100%;"><img src="images/logopara1.png" alt="" /></p>
<p style="text-align: center; max-width: 100%;"> </p>
<p style="text-align: center; max-width: 100%;"><img src="images/welcome.png" alt="" /></p>
<p style="text-align: center; max-width: 100%;"> </p>
<p style="text-align: center; max-width: 100%;"><img src="images/facebook.png" alt="" />               <img src="images/ig.png" alt="" />               <img src="images/tw.png" alt="" />               <img src="images/yt.png" alt="" /></p>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"> </p>

＆＃13;

我确定我犯了很多错误，但是我很努力。无论如何，当缩小到iphoneX的大小时结果是不变的，它仍然是这样的：IMAGE

任何帮助都将不胜感激。

Answer 1

表没有响应，如果你想要表响应你必须把div放在水平滚动条上，所以这种技术不是用户友好的。

使用此容器：

<div class="module">
  <img src="" alt="">
  <img src="" alt="">
  <img src="" alt="">
</div>

.module {
  width: 100%;
  max-width: 250px; //or your sidebar width
  padding: 15px; //etc
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block // just if you want to be aligned side by side
}

最大宽度的CSS问题

1 个答案: