1 
<html>
<head>
<title>website page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" width="50%" height="50%">
<!-- Save for Web Slices (website page.psd) -->
<table id="Table_01" width="1681" height="1051" border="0" cellpadding="0" cellspacing="0" align="center" >
    <tr>
        <td colspan="2">
            <img src="images/website-page_01.gif" width="302" height="65" alt=""></td>
        <td colspan="6">
            <img src="images/website-page_02.gif" width="999" height="65" alt=""></td>
        <td colspan="2">
            <img src="images/website-page_03.gif" width="379" height="65" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="65" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/website-page_04.gif" width="3" height="1" alt=""></td>
        <td rowspan="2">
            <img src="images/website-page_05.gif" width="299" height="606" alt=""></td>
        <td colspan="7" rowspan="2">
            <img src="images/website-page_06.gif" width="1050" height="606" alt=""></td>
        <td rowspan="2">
            <img src="images/website-page_07.gif" width="328" height="606" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/website-page_08.gif" width="3" height="984" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="605" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/website-page_09.gif" width="639" height="379" alt=""></td>
        <td rowspan="2">
            <img src="images/website-page_10.gif" width="18" height="379" alt=""></td>
        <td rowspan="2">
            <img src="images/website-page_11.gif" width="342" height="379" alt=""></td>
        <td colspan="2">
            <img src="images/website-page_12.gif" width="22" height="1" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="images/website-page_13.gif" width="656" height="379" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/website-page_14.gif" width="21" height="378" alt=""></td>
        <td>
            <img src="images/website-page_15.gif" width="1" height="378" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="378" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="299" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="340" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="18" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="342" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="21" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="277" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="328" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

在我使用PS完成页面设计并将其导出为html文件后，15英寸的屏幕还可以，但13英寸的屏幕很大。我怎样才能使它与所有屏幕兼容，而无需滚动。

解决方案更新：我调整了 psd 文件的大小并使其更小 780*800 ，然后将其导出为图像/HTML，现在它可以在所有浏览器上正常工作。

4

3 回答 3

0

您的 15 英寸显示器必须具有比 13 英寸显示器更高的分辨率。所以它看起来更大。您的网页在任何具有相同分辨率的显示器上看起来都应该相同。你应该检查你的分辨率。

于 2012-10-24T03:49:39.923 回答
0

使 <img src="images/website-page_02.gif" width="999" height="65" alt=""></td>' 的宽度变小。

于 2012-10-24T03:50:06.050 回答
0

解决方案更新：我调整了 psd 文件的大小并使其更小 780*800 ，然后将其导出为图像/HTML，现在它可以在所有浏览器上正常工作。

于 2012-10-24T22:54:00.527 回答