本文介绍了如何通过简单设置将图片和HTML元素放大一倍，配合合适的html zoom值，实现高质量的页面适配。重点在于调整div和img的尺寸，以及HTML的缩放比例，适用于A4大小的PDF和不同分辨率的图片调整。
solution is very simple, after X hours of testing.
Set your ALL div's 2x higher, your IMG 2x higher, and finally set html zoom on 0.5,
or if you want better quality yet, set 3x higher (in this case the html zoom must be 0.33) or more, (the original image sizes are assumed to be larger).
For example:
HTML
CSS before
body {
background: #b2b2b2;
}
.pdf {
background: #fff;
/* A4 size */
width: 842px;
height: 595px;
}
img {
width: 300px;
height: 200px;
}
CSS after (only changes)
html {
zoom: 0.5;
}
.pdf {
/* A4 size before . 2 */
width: 1684;
height: 1190px;
}
img { /* size before . 2 */
width: 600px;
height: 400px;
}
AND here is my result:
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
