如何修复页面宽度以缩小屏幕尺寸？

-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>

或....有没有什么办法，所以它适合任何显示器的宽度？

来源

2013-04-29 Ivan

这太荒谬了...... – 2013-04-29 00:55:53

这是为什么？...... – Ivan 2013-04-29 01:05:57

@Ivan因为，Photoshop生成的HTML永远不是解决方案。 – 2013-04-29 03:08:50

你在谈论什么叫做“液体布局”，而用Photoshop切片布局是不可能的。如果你想改变你的布局在浏览器中显示的方式，你需要学习一些HTML和CSS。

来源

2013-04-29 00:57:26 zetlen

噢好吧，我会尽力的。谢谢！ :) – Ivan 2013-04-29 01:11:58

祝你好运，谢谢你是一个很好的运动！ – zetlen 2013-04-29 02:45:57

如何修复页面宽度以缩小屏幕尺寸？

回答

相关问题