css - 背景图片布局问题

Question

客户想要一个占据整个屏幕的图像，将鼠标悬停在菜单上。问题是各种屏幕尺寸的高度垂直对齐....这个问题最常见的时尚解决方案是什么？我们假设网站观众最常用的屏幕分辨率是 1024x768，但在较小的分辨率下也应该看起来不错(特别是笔记本电脑)。

我最初的想法是使用诸如 1000x600 和黑色背景之类的图像……还有其他想法吗？

谢谢!

Answer 1

比较屏幕的宽高比和图像的宽高比，然后适当缩放图像。例如，如果屏幕的纵横比(宽度/高度)大于图像的纵横比，那么它就太宽了——所以缩放图像的宽度，但保持高度与视口(viewport)相同。反之亦然，如果它更小。我认为你可以使用 PHP 来实现你想要的。