HTML頁面的所有屏幕不兼容大小

<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英寸顯示屏。如何使其與所有屏幕兼容，無需滾動。HTML頁面的所有屏幕不兼容大小

解決方案更新：我調整了psd文件並將其尺寸設置爲780 * 800，然後將其導出爲圖像/ HTML，現在可以在所有瀏覽器中正常工作。

來源

2012-10-24 Ali Alzahrani

最大寬度是問題 – awright18