-1

我将 PSD 切片，然后 Photoshop 将代码全部放在表格中。我像那样使用它，因为我对编码知之甚少。该网站看起来不错，但我遇到的问题是我必须滚动到两侧（左侧和右侧），因为我将网站设置为 1681 像素宽，并且比我的显示器大。有什么办法可以使用 html 或 css 来“缩小”所有内容，所以我不必重新设计以适应浏览器或显示器的“宽度”？

或多或少..我得到的只是一张桌子，里面有一些东西。

<HTML>
<HEAD>
</HEAD>
 <table id="Table_01" width="1681" height="1050" border="0" cellpadding="0"   cellspacing="0">
 <tr>
    <td colspan="8">
        <img src="01" width="1358" height="59" alt=""></td>
    <td rowspan="2">
        <img src="02" width="322" height="118" alt=""></td>
    <td>
        <img src="sar.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
    <td colspan="2" rowspan="2">
        <img src="03.png" width="531" height="178" alt=""></td>
    <td rowspan="3">
        <img src="home.jpg" width="178" height="236" alt=""></td>
    <td rowspan="3">
        <img src="alke.png" width="118" height="236" alt=""></td>
    <td rowspan="3">
        <img src="ing.png" width="118" height="236" alt=""></td>
    <td rowspan="3">
        <img src="images.png" width="118" height="236" alt=""></td>
    <td rowspan="3">
        <img src="es.png" width="118" height="236" alt=""></td>
    <td rowspan="3">
        <img src="s.png" width="177" height="236" alt=""></td>
    <td>
        <img src="images/scer.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <img src="10.png" width="322" height="177" alt=""></td>
    <td>
        <img src="er.gif" width="1" height="119" alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <img src="11.png" width="295" height="235" alt=""></td>
    <td>
        <img src="12.png" width="236" height="58" alt=""></td>
    <td>
        <img src="pacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
    <td colspan="6" rowspan="2">
        <img src="13.png" width="886" height="650" alt=""></td>
    <td colspan="2" rowspan="2">
        <img src="14.png" width="499" height="650" alt=""></td>
    <td>
        <img src="spacer.gif" width="1" height="177" alt=""></td>
</tr>
<tr>
    <td>
        <img src="15.png" width="295" height="473" alt=""></td>
    <td>
        <img src="spcer.gif" width="1" height="473" alt=""></td>
</tr>
<tr>
    <td colspan="9">
        <img src="16.png" width="1680" height="53" alt=""></td>
    <td>
        <img src="spaer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
    <td colspan="9">
        <img src="17.png" width="1680" height="46" alt=""></td>
    <td>
        <img src="spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
    <td colspan="9">
        <img src="18.png" width="1680" height="6" alt=""></td>
    <td>
        <img src="spacr.gif" width="1" height="6" alt=""></td>
</tr>
 </table>
 </HTML>

或....有什么办法让它适合任何显示器的宽度？

4

1 回答 1

3

您说的是所谓的“液体布局”，而 Photoshop 切片布局是不可能的。如果您想更改布局在浏览器中的显示方式，您需要学习一些 HTML 和 CSS。

于 2013-04-29T00:57:26.637 回答