Question

<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，现在所有浏览器都能正常工作。

Answer 1

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

Answer 2

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

Answer 3

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

HTML页面与所有屏幕尺寸不兼容

3 个答案: