Question

制作php网站时怎么应对分辨率不同的电脑显示问题

我在做一个php网站，是现有的源码。有一个全屏的海报，我制作的尺寸是1920px*500PX， 已经用了自适应函数 winth：100%，可是用笔记本（分辨率1366*768）测试的时候，仍然无法实现将海报显示完整，也就是说，在笔记本浏览的时候，海报是自左开始显示的，右边超出1366的部分，无法显示出来，而是被cut掉了。
能否通过设置，让这个海报在不同的分辨率下都能完整的显示出来 ？
如果实在是无法显示出来，那么可否设置图片为居中显示？
QQ82923923
最好和我取得联系，不胜感激！
箭头所指的就是我想全部显示或居中显示的图片

Answer 1

海报是用img标签显示的吗？如果是的话，就给这张图片加width:100%，所有包裹该图片的标签都设置width:100%。就可以了。

如果海报图片是以背景的方式出现的，就给该标签加上一个background:url(图片地址) center center no-repeat;就OK了。

不懂？下面回复。

追问

您能否加一下我QQ 82923923 帮我看一下啊，大神 小弟不胜感激！这实际上是一个伸缩的拉幕广告。

追答

已经加了。

Answer 2

不能使用100%，图片要保持自身长宽比例的，应该指定高度和宽度，单位使用px.
如果你要强制改变图片的长宽比例，请使用<img>控件。

追问

如果我用指定的高度和宽度，那用别的低分辨率电脑浏览的时候，不也是完全显示不出来吗？如果必须这样的话，那如何让他居中显示？而不是自左开始？求大神指教！

追答

使用 IMG 什么样的分辨謴都能显示完整的图片，也可以对图片缩放。
只要对IMG设置居中就OK了，比如把IMG入进一个TABLE里。

追问

您可否加一下我QQ 82923923 和我说一下啊。真的是小白，正在学习中。

追答

解决了就好。

Answer 3

方法一：
.demo { width:100%; height:300px; background-image:url(images/aaa.jpg); background-repeat:none; background-size:100% 100%; }
方法二：
.demo,.demo img { width:100%; height:300px; }