如何将表缩放到窗口?我需要CSS和/或jQuery吗?

时间:2015-09-16 18:48:22

标签: jquery html css html-table

我一直在尝试在我的一个div中创建一个表,一个在窗口缩放或分辨率变化时调整其宽度的表。但是,只要屏幕发生变化,表格就会不断出现

是否像使用CSS一样简单实现它,或者是我缺少的更复杂的东西。

    <img  align='left' src='http://imgur.com/e8K63LI.png'></img>
        <table bordercolor='black' width='900' bgcolor='white' border='0'>
            <tr>
                <td align='left'> <h1>XTR 250LC</h1> </td>
            </tr>
                <td align='right'><b>Price to be determined</b></td>
            </tr>
            <tr>
                <td><h3>Specs</h3></td>
            </tr>
            <tr>
                <td><b>Available Colors</b></td><td>White, Blue and Black</td>
            </tr>
            <tr>
                <td><b>Curb Weight</b></td><td>223 lbs</td>
            </tr>
        </table>   

1 个答案:

答案 0 :(得分:0)

删除表格标记上的固定宽度:

<table bordercolor='black' bgcolor='white' border='0'>

您可以添加&#34;宽度:100%&#34;样式。这样,当分辨率发生变化时,它会改变它的大小。