单独切片图像,这是代码如何使这个代表性

时间:2016-03-14 15:44:24

标签: html css responsive-design

嗨我将图像切片并对其进行编码,但是它的固定大小,我如何才能使其响应?没有使用bootstrap可以帮助我吗?这是它的整个图像,Image你可以看到下面的代码非常感谢你

<table id="Table_01" width="1001" height="720" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="images/Info_01.png" width="1000" height="29" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/Info_02.png" width="361" height="4" alt=""></td>
        <td rowspan="3">
            <img src="images/Info_03.png" width="348" height="308" alt=""></td>
        <td rowspan="3">
            <img src="images/Info_04.png" width="291" height="308" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Info_05.png" width="69" height="289" alt=""></td>
        <td>
            <img src="images/Info_06.png" width="292" height="289" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="289" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/Info_07.png" width="361" height="332" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Info_08.png" width="348" height="317" alt=""></td>
        <td>
            <img src="images/Info_09.png" width="291" height="317" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="317" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/Info_10.png" width="1000" height="66" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="66" alt=""></td>
    </tr>
</table>

0 个答案:

没有答案