从设计到代码

From design to code

我目前正在努力根据给定的设计创建网站。
该设计是使用 InDesign 创建的，将是一个单页网站。该网站的宽度为 1280px。

主要问题是调整大小，因为设计有不同的层。有些图像占据了整个宽度，有些图像以给定的大小居中，当我调整浏览器大小时，元素的比例会有所不同。是否可以将整个页面放在一个容器中并绝对定位每个元素（如设计中所做的那样），然后调整容器的大小。所以页面会像图像一样调整大小。

有什么技巧可以让我读懂吗？

这里的背层使用整个宽度，圆圈以给定的大小为中心。现在，如果我调整 window 背景的大小，那么圆的比例就会不同。

背景图片现在支持多张图片。你可以试试看。但请注意浏览器支持需要跟上。

EG

#example1 
{
background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;
}

根据您的布局、图像等，使用编辑器合并成一张图像可能是最简单的。