浏览器宽度缩小时候有的文字排版为什么会变形

[TerryHHl]

初学几天.~

我试过拷贝几个代码跟删除段落元素 类名. 将参数跟第二个列匹配 还是 Snapshots那边 一直不会变
what 那列会变. 代码很短 不知道为什么. 代码在下面

<table>
    <td width="300" valign="top">
        <h1>What to buy</h1>                         <!--粗体-->
        <p title="a gentle reminder">Don't forget to buy this stuff.</p>        <!--文本段落元素-->
        <ul id="purchases">                            <!--无序清单元素-->
            <li><b>A tin of beans</b></li>                      <!--列表项元素 -->
            <li class="sale">Cheese</li>
            <li class="sale important">Milk</li>
        </ul>
        <input type="button" onclick="ex_click()" value="Activating" />     <!--按钮-->
        <input type="button" onclick="get_version()" value="Browser name" />     <!--按钮-->

    </td>
    <td valign="top" width="300">
        <h1 >Snapshots</h1>
        <click_image onclick="click_image()"><Click here></click_image>
        <ul>
            <li>
                <a href="image/1.jpg" title="A fireworks display" onclick="showpic(this);return false;">Fireworks</a>
            </li>
            <li>
                <a href="image/2.jpg" title="A cup of black coffee" onclick="showpic(this);return false;">Coffee</a>
            </li>
            <li>
                <a href="image/3.jpg"  title="A red,red rose" onclick="showpic(this);return false;">Rose</a>
            </li>
            <li>
                <a href="image/4.jpg" title="The famous clock" onclick="showpic(this);return false;">Big Ben</a>
            </li>
        </ul>
    </td>
    <td>
        <img id="placeholder" src="image/5.jpg" alt="my image gallery" width="400" height="300"/>
    </td>
</table>

[u010007095]

长度 高度 用100% 试试

[u010007095]

第一是以屏幕显示为标准，这一点可以以屏幕分辨率得出，调整分辨率后滚动条长度就有所改变，分辨率越大，屏幕显示越多，滚动条就越短！所以HEIGHT百分比的第一属性是以浏览器窗口决定长度的，如： <table border="1" width="100%" height="100%"> <tr> <td></td> </tr> </table> 以上空表格在调整分辨率的情况下都会占满整个窗口,这是因为此表格没有其它外界因素导致的，所以就以浏览器窗口为准： 第二 再如： <table border="1" width="100%" height="300"> <tr> <td> <table border="1" width="100%" id="table1" height="80%"> <tr><td> </td> </tr> </table> </td> </tr> </table> 以上为表格中的表格，外面个表格决定了HEIGHT为300像素，里面个表格height属性为80%，这个80%就是以这个外表格所决定的（无论如何调整分辨率，这2个表格都会保持原大小不动）

[TerryHHl]

引用 2 楼 u010007095 的回复:

第一是以屏幕显示为标准，这一点可以以屏幕分辨率得出，调整分辨率后滚动条长度就有所改变，分辨率越大，屏幕显示越多，滚动条就越短！所以HEIGHT百分比的第一属性是以浏览器窗口决定长度的，如： <table border="1" width="100%" height="100%"> <tr> <td></td> </tr> </table> 以上空表格在调整分辨率的情况下都会占满整个窗口,这是因为此表格没有其它外界因素导致的，所以就以浏览器窗口为准： 第二 再如： <table border="1" width="100%" height="300"> <tr> <td> <table border="1" width="100%" id="table1" height="80%"> <tr><td> </td> </tr> </table> </td> </tr> </table> 以上为表格中的表格，外面个表格决定了HEIGHT为300像素，里面个表格height属性为80%，这个80%就是以这个外表格所决定的（无论如何调整分辨率，这2个表格都会保持原大小不动）

这个是匹配浏览器的宽度百分比吧. 浏览器改变大小 表格就变了