动态调整div大小 html,如何动态的根据用户屏幕的分辨率改变div的大小？

我想设计一个 app 产品主页，主页分 3 屏，要求网页会根据用户设备的分辨率自动调整每一屏的大小，例如我现在的 1366*768 则每屏显示 1366*768；如果另外有用户的分辨率是 1280*768 则显示 1280*768。而且下面的代码好像不能改变，请教大神们叫我怎么做！谢谢了！

html:

css:

.test1 {

margin:0px;

padding:0px;

width:100%;

background:#ffba00;

min-height:600px;

}

.test2 {

width:100%;

height:100%;

background:#fc69aa;

}

.test3 {

width:100%;

height:100%;

background:#4ec2fb;

}

javascript:

function redirectpage() {

var w=screen.width;

var h=screen.height;

document.getElementById("d1").height = h;

alert(document.getElementById("d1").height);

}

触发方式：

动态调整div大小 html,如何动态的根据用户屏幕的分辨率改变div的大小？相关推荐

改变浏览器视角大小：Viewport Resizer
Viewport Resizer的开发背景现在开发人员如果要开发一个同时支持PC端与手机端的网站的话,由于电脑和手机显示屏肯定不一样大小的,所以要跟对手机等移动设备进行单独地测试,而对于电脑上的 ...
动态调整linux分区大小,GParted 动态调整Linux分区大小
在虚拟化环境中虚拟机运行一段时间后数据量持续增长,磁盘分区都需要进行扩容,对于Windows系统相对简单,在磁盘瘦格式的状态下直接修改虚拟机磁盘大小,在系统中的磁盘管理里扩展分区即可,实时生效连重启都 ...
《Algorithms》—— 下压（LIFO）栈（能够动态调整数组大小的实现）
调整数组大小选择用数组表示栈内容意味着用例必须预先估计栈的最大容量.在 Java 中,栈一旦创建,其大小是无法改变的,因此栈使用的空间只能是这个最大容量的一部分.选择大容量的用例在栈为空或几乎为空时 ...
HTML如何设置幻灯片大小和位置,javascript – 动态调整skitter幻灯片图像大小
如何将幻灯片图像调整(缩放)到 jquery或css或其他任何方式的不同大小? 它总是加载主图像的全宽和高度,并用以下方式控制不起作用. 可以通过以下示例代码调整图像滑块容器的大小,但如果图像大于53 ...
android程序字体大小,Android如何动态调整应用字体大小详解
前言为什么要动态设置字体大小?由于项目面对的是中老年客户项目中自带的字体无法满足客户需求. Android应用字体大小默认随系统设置的字体大小而变化,但您可能不希望您的应用字体大小随系统设置变化,想 ...
android程序字体大小,Android 动态调整应用字体大小
Android应用字体大小默认随系统设置的字体大小而变化,但您可能不希望您的应用字体大小随系统设置变化,想要自己控制,例如微信.本文简单介绍一下如何实现应用字体大小动态调整而不是依赖系统设置字体大小 ...
Delphi 动态调整打印机纸张大小
信息管理系统中经常要提供各种打印功能,例如报表打印.凭证打印以及发票打印.在这些打印过程中所需要纸张的大小往往是不一致的,例如,打印报表有可能使用A4 纸或A3 纸,打印凭证或发票可能需要将打印纸张设 ...
动态调整打印机纸张大小
动态调整打印机纸张大小江苏省昆山市地方税务局信息管理系统中经常要提供各种打印功能,例如报表打印.凭证打印以及发票打印.在这些打印过程中所需要纸张的大小往往是不一致的,例如,打印报表有可能使用A4 ...
C#导出Excle表格根据内容动态调整单元格大小
引入命名空间 using NPOI.HSSF.UserModel; using NPOI.HSSF.Util; using NPOI.SS.UserModel; using NPOI.SS.Util; ...

动态调整div大小 html,如何动态的根据用户屏幕的分辨率改变div的大小？

动态调整div大小 html,如何动态的根据用户屏幕的分辨率改变div的大小？相关推荐

最新文章

热门文章