如何固定頁面寬度以縮小到屏幕尺寸？
[英]How can I fix the page width to shrink to the screen size?
問題描述
我將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>
或....有什么方法可以適合任何顯示器的寬度嗎？
1 個解決方案
解決方案1
3 已采納 2013-04-29 00:57:26
您正在談論的是所謂的“液體布局”，而用Photoshop切片的布局是不可能的。 如果要更改布局在瀏覽器中的顯示方式，則需要學習一些HTML和CSS。
如何將網頁縮小到任意大小的屏幕-我無法判斷自己在做什么
[英]How to shrink webpage to any size screen- I can't tell what I'm doing wrong
如何在屏幕調整大小時順暢地收縮多個div？
[英]How can I shrink multiple divs smoothly and sequentially on screen re-size?
jQuery-調整大小 <body> 到頁面寬度。 （縮放有效，我又如何使其縮小？）
[英]jQuery - Resize <body> to page width. (zoom works, how can I make it shrink too?)
使用 javascript 時，如何只讓我的 header 菜單在屏幕尺寸大於 700 像素時縮小？
[英]How can I only let my header menu shrink when the screen size is larger than 700px by using javascript?
我怎樣才能修復寬度，同時讓div看起來像是從屏幕上滑入？
[英]How can I fix the width whilst making it look like the div slides in from off screen?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.