Question

下面是通过转换PSD文件得出的Html表。如何使HTML表能够响应它所查看的设备？现在表格的宽度和高度（以像素为单位）。有没有办法使用媒体查询或任何其他方式使设计响应？

<table id="Table_01" width="1340" height="754" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="12">
            <img src="images/superstar_01.png" width="1339" height="28" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="28" alt=""></td>
    </tr>
<tr>.....................
</tr>
</table>

Answer 1

好吧，第一步不是将psd文件转换为HTML。来自css样式的@media规则允许您制作仅适用于某些介质尺寸或尺寸范围的css规则，以便开始。

http://www.w3schools.com/css/css_mediatypes.asp

你可能想投资学习CSS，它是一种完全不同于造型的方式而不是photoshop，如果你要自己做前端web开发，你需要了解它是如何工作的。

如何使html表成为响应式设计

1 个答案: