我一直在尝试(徒然)建立一个页面,其元素将调整大小,因为我更改窗口大小.我在css的图像工作,没有问题,但我似乎不能完成相同的文本,我不知道这是甚至可能在CSS.我似乎找不到一个完成这个的
jquery脚本.
当用户调整窗口大小时,我本质上希望页面动态和流畅地扩展,而不需要用户调用页面缩放.这可以通过css在我的img div上正常工作,但不适用于保持相同大小的文本.
有任何想法吗？
解决方法
我自己不得不这样做我所做的是我为身体设置一个基本文本大小,所有其他尺寸的百分比.然后我使用一个简单的jQuery脚本来更改窗口大小上的基本大小.其他尺寸也随之更新.
我用这样的东西：
$(function() {
$(window).bind('resize',function()
{
resizeMe();
}).trigger('resize');
});
在resizeMe函数中,我有这个：
//Standard height,for which the body font size is correct
var preferredHeight = 768;
//Base font size for the page
var fontsize = 18;
var displayHeight = $(window).height();
var percentage = displayHeight / preferredHeight;
var newFontSize = Math.floor(fontsize * percentage) - 1;
$("body").css("font-size",newFontSize);
