我正在为一位艺术家做一个元素,该元素已在设计完成后交给我。我收到了 .psd 文件中的设计,准确地说,尺寸是 huuuuuuuge 2504px x 1781px!
由于上面有很多图案和渐变,我有点不确定如何设置图像。我已经把图片放到网上了,我认为当务之急是调整它的大小以适应更现代的屏幕尺寸。
图像已附上,非常感谢任何有关如何管理图像的帮助或建议。
干杯
最佳答案
对于不同的宽高比,这不是一个非常灵活的设计,在宽屏显示器上拉伸(stretch)它看起来不会很漂亮。
我可能会制作多个版本的图像(不同尺寸)并使用 html5 和/或 javascript 技术为访问者提供正确的图像。
我不会将它用作背景图像,而是将它放在其余内容后面的 div
中,这样我就可以将该 div 和图像缩放为 100% 宽。将它放置在左下角应该使最重要的部分(框架)始终清晰可见。
我希望您不需要垂直位置的移动浏览器...
关于CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4890010/