从设计到代码

Question

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

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

有没有一些我可以阅读的技巧？

在这里，背层使用整个宽度，圆圈以给定大小为中心。现在，如果我调整窗口大小，背景会以不同的比例缩放，然后是圆圈。

Answer 1

背景图片现在支持多张图片。你可以试着玩弄它。但请注意，浏览器支持需要迎头赶上。

EG

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

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