0

js如何判断电脑分辨率,大于1024分辨率时加载xxx.js与css

请给出具体代码示例,谢谢!

2016-03-14 提问
2 个回答
2

已采纳

js 取屏幕相关方法列表:


function getScreenInfo() 
{ 
    var s = ""; 
    s = " 网页可见区域宽:" document.body.clientWidth; 
    s = " 网页可见区域高:" document.body.clientHeight; 
    s = " 网页可见区域宽:" document.body.offsetWidth " (包括边线和滚动条的宽)"; 
    s = " 网页可见区域高:" document.body.offsetHeight " (包括边线的宽)"; 
    s = " 网页正文全文宽:" document.body.scrollWidth; 
    s = " 网页正文全文高:" document.body.scrollHeight; 
    s = " 网页被卷去的高(ff):" document.body.scrollTop; 
    s = " 网页被卷去的高(ie):" document.documentElement.scrollTop; 
    s = " 网页被卷去的左:" document.body.scrollLeft; 
    s = " 网页正文部分上:" window.screenTop; 
    s = " 网页正文部分左:" window.screenLeft; 
    s = " 屏幕分辨率的高:" window.screen.height; 
    s = " 屏幕分辨率的宽:" window.screen.width; 
    s = " 屏幕可用工作区高度:" window.screen.availHeight; 
    s = " 屏幕可用工作区宽度:" window.screen.availWidth;
    s = " 你的屏幕设置是 " window.screen.colorDepth " 位彩色"; 
    s = " 你的屏幕设置 " window.screen.deviceXDPI " 像素/英寸"; 
} 

至于 CSS 现在都是使用媒体查询来做的,如:

/* 小屏幕(平板,大于等于 768px) */
@media (min-width: 768px) { ... }

/* 中等屏幕(桌面显示器,大于等于 992px) */
@media (min-width: 992px) { ... }

/* 大屏幕(大桌面显示器,大于等于 1200px) */
@media (min-width: 1200px) { ... }

希望有所帮助~ :)

0

同样的业务针对电脑上和移动终端的接口api,是写一套还是两套呢? 写一套好象比较麻烦,显示的数据列都不同(对应select 数据字段) 翻页的页数也不同 (limit m,n) 另外象标题长短,内容格式都要处理

撰写答案

推广链接