我发现这篇博文有一个整齐的方式来按比例缩放整个网站:
https://northstreetcreative.com/notes/full-screen-website-zoom-using-css-transform-and-jquery/
以下是关键代码:
jQuery(document).ready(function($){
nsZoomZoom();
$( window ).resize(function() {
nsZoomZoom();
});
function nsZoomZoom() {
htmlWidth = $('html').innerWidth();
bodyWidth = 1000;
if (htmlWidth < bodyWidth)
scale = 1
else {
scale = htmlWidth / bodyWidth;
}
// Req for IE9
$("body").css('-ms-transform', 'scale(' + scale + ')');
$("body").css('transform', 'scale(' + scale + ')');
}
});
问题是这在Safari或Chrome中不再有效。
有人知道2018年会有效吗?
提前致谢