代码之家  ›  专栏  ›  技术社区  ›  sarsnake

背景图像布局问题

  •  2
  • sarsnake  · 技术社区  · 15 年前

    一个客户希望有一个图像,占据整个屏幕,鼠标上的菜单就会出现。问题是不同屏幕尺寸的高度垂直对齐…这个问题最常见的光滑解决方案是什么?让我们假设该网站用户最常见的屏幕分辨率是1024x768,但在较小的分辨率下(尤其是笔记本电脑),它也应该看起来不错。

    我最初的想法是用一个像1000x600和黑色背景的图像…还有其他的想法吗?

    1 回复  |  直到 15 年前
        1
  •  1
  •   Dan Mantyla    15 年前

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