怎么让html适应所有屏幕尺寸,HTML显示表，以适应屏幕尺寸

我有一个图像库的链接表，我希望能够适应屏幕尺寸，如果窗口大小减少。目前它只保持相同的尺寸。HTML显示表，以适应屏幕尺寸

Academy Blitz May 2014	Academy Blitz October 2014	Academy Blitz November 2012	Summer Camp 2014	Academy On Tour - Tullamore 2015
U18's v Mullingar 2013	U18's League Win 2014	U12's v Tullamore 2014	U11 Lions Semi-Final 2015	Easter Camp 2015

我的CSS：

#albums {width:70%;}

#albums img {opacity: 0.9;}

#albums img:hover {opacity:1.0;}

#albums td {text-align:center;padding-top:14px;padding-right:14px;padding-bottom:0px;padding-left:14px;}

每当我试着缩小尺寸，其他所有功能适合屏幕大小，而是画廊保持相同的大小，尽管使用相同的代码为其他功能(宽度：％)。

2015-05-29

jf95

+0

在你的HTML代码里'＃imagegallery'？ –

+0

在你的CSS中，img有一个设置宽度，所以如果你调整大小，它将不会改变。这是问题吗？其次，也许我错过了，不过我canot看到一个id = “imagegallery” 在HTML –

+0

任何地方只需添加下面的CSS： \t #imagegallery IMG { \t \t最大宽度：100％; \t \t} \t .images { \t \t width：100％; \t \t} –