html自动适应分辨率,自适应分辨率html

/*去掉全局边框，页面就正常了(就没有滚动条了)*/

div{

border: 1px solid red;

}

img{

border: 1px solid red;

}

font{

border: 1px solid red;

}

ul{

border: 1px solid red;

}

body{

background-color:yellow;

}

window.οnresize=function(){

init_main(1);

}

/**

* @param scale 主体占窗口比例

* @return

function init_main(scale){

var innerWidth=window.innerWidth;

var innerHeight=window.innerHeight;

var main=document.getElementById("main");

//主体比例为16:9

if(innerWidth

main.style.width=innerWidth;

main.style.height=(parseInt(main.clientWidth/(16/9)));

return;

}

if(innerWidth>innerHeight){

main.style.width=innerWidth*scale;

main.style.height=(parseInt(main.clientWidth/(16/9)));

}

var main_width=main.clientWidth;

var main_height=main.clientHeight;

if(main_height>innerHeight){

init_main(scale-0.001);

}

document.getElementById("info").innerHTML=innerWidth+"-"+innerHeight+"-"+main.style.width+"-"+main.style.height;

}

init_main(1);

html自动适应分辨率,自适应分辨率html相关推荐

js自动缩放页面自适应屏幕分辨率
js自动缩放页面自适应屏幕分辨率欢迎使用Markdown编辑器欢迎使用Markdown编辑器当开发前端页面在分辨率1920的情况下,需要切换到小屏,有种方法是可以对屏幕比例进行缩放,通过css3 ...
自适应分辨率可扩展二层JS下拉菜单
1. S下拉菜单原理下拉菜单实际上就是在开始的时候显示一级或者说是主菜单(图一).当触发条件(例如:鼠标移动到上面时)显示次级菜单(图二). 图一图二那么如何实现这样的效果呢.其实很简单.所有的 ...
Android程序对不同手机屏幕分辨率自适应的总结
各种Android操作系统的手机简直就是琳琅满目,屏幕分辨率的差异可想而知.目前比较主流的有WVGA=800x480,HVGA=480x320,另外的还有QVGA=320x240.当然还有魅族M9的D ...
自适应分辨率的大屏的工具推荐
功能需求支持多个数据源的数据在同一个大屏显示组件化设计,可拖拽各种组件大小位置制作复杂的大屏. 通过拖拽自由布局,可以叠加显示. 支持各种echarts统计图形,支持滚动表格,支持自定义html和 ...
解决flex4 分辨率自适应问题
解决flex4 分辨率自适应问题参考文章: (1)解决flex4 分辨率自适应问题 (2)https://www.cnblogs.com/lost-1987/articles/3502321.htm ...
android生成大分辨率图片,自动生成Android不同分辨率下的图片
转自: http://blog..net/offbye/article/details/50012605 Android屏幕分辨率适配的图标处理比较麻烦,让UI做不同尺寸的图片也挺浪费时间的,并且容易 ...
qt不规则按钮样式在自适应分辨率时应该注意的图片缩放模式
提要 qt设置不规则按钮的样式,并要求不规则按钮能够适应不同的分辨率,分为同比例的分辨率,如16:9,也可以为不同比例的的分辨率,如之前为16:9,同时适应16:5的分辨率.在设置不规则按钮时背景图片 ...
WinForm窗体自适应分辨率
我们自己编写程序的界面,会遇到各种屏幕分辨率,只有自适应才能显的美观.实际上,做到这点也很简单,就是首先记录窗体和它上面控件的初始位置和大小,当窗体改变比例时,其控件的位置和大小也按此比例变化即可.因 ...
pyqt界面屏幕分辨率自适应_在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法 PyQt5: 程序入口添加 QtCore.QCoreApplication.setAttribute(QtCore.Qt.AA_EnableHi ...

html自动适应分辨率,自适应分辨率html

html自动适应分辨率,自适应分辨率html相关推荐

最新文章

热门文章