Question

如何使降价表响应？我正在使用Jekyll渲染降价文件。

这是一个表格示例

| Tables   |      Are      | Tables   |      Are      | Tables 
|----------|:-------------:|----------|:-------------:|-------------:|
|  <img src="https://www.google.com.pk/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwjZl8ji8r_dAhUIsqQKHSA1Cz0QjRx6BAgBEAU&url=https%3A%2F%2F" width="100" /> | hello | hello |hello | hello

我正在<img>中显示5个<tr>标签。它在大屏幕上完美呈现，但在小屏幕或移动设备上没有响应。

我正在使用使用markdown文件的Jekyll静态站点生成器。

Answer 1

您需要为此编写CSS。 Jekyll只是将您的markdown文件（使用kramdown转换为简单的HTML，然后它是使HTML表格具有响应能力的CSS。这是有关响应表的良好入门文章：https://css-tricks.com/accessible-simple-responsive-tables/

Markdown中的响应表

1 个答案: