2

我的任务是将网站缩小 25%。意思是,所有图像和字体/元素都需要缩小 25% 的大小。

我的第一个解决方案是 jQuery,通过执行以下操作:

-webkit-transform: scale(.75);

但是,这会引起问题,因为该站点的很多内容都是内置图像的。例如,标题现在不会扩展整个屏幕,因为它是一个固定大小的图像。页脚也有一个问题,它现在有一个巨大的边距底部(大约 500 像素),我似乎无法删除。

大家还有什么其他的解决办法吗?

到目前为止,我要么去:

A) 继续我的 jQuery 方法并尝试解决上述问题

B) 从字面上看,将所有内容缩小 25%,然后删除 jQuery。

4

3 回答 3

7

Literally go through and physically shrink everything by 25% and remove the jQuery.

做这个。使用 jQuery 来做这件事是不专业的,并且会制作一个质量很差的网站,并且会让您在将来犯错误。不会花很长时间

于 2013-03-06T14:59:17.403 回答
1

(作为对 OP 评论的回答进行推广)

zoom: 0.75;身体上的CSS 怎么样?:)

于 2013-03-07T08:03:06.183 回答
0

如果您使用em基于 - 的测量,则可以使用以下代码实现此目的:

html {
  font-size: 75%;
}

但是,没有明确尺寸或以绝对单位设置尺寸的元素不会受到影响——您需要指定这些属性。

对于图像,您需要知道它们的原始尺寸,并自己计算和指定所需的尺寸。

于 2013-03-06T15:02:55.580 回答