我一直在尝试(徒然)建立一个页面,其元素将调整大小,因为我更改窗口大小.我在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);
