我想创建一个没有响应的网站,但如果窗口调整大小,一切都是向上/向下扩展,并保持相同的比例。如果单词在小屏幕中太小则无关紧要
我尝试过使用:
<meta id="meta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1s.0; user-scalable=0;">
并且
<script type="text/javascript">
$(document).ready(function () {
$(window).resize(function () {
calculateNewScale();
});
calculateNewScale(); // if the user go to the page and his window is less than 1920px
function calculateNewScale() {
var percentageOn1 = $(window).width() / 1920;
$("body").css({
"-moz-transform": "scale(" + percentageOn1 + ")",
"-webkit-transform": "scale(" + percentageOn1 + ")",
"transform": "scale(" + percentageOn1 + ")"
});
}
});
但内容似乎仍无法正确扩展。
网站是:
kotechweb.com/new_focus/page/about_us
请查看参考资料,非常感谢您的帮助。