js如何判断电脑分辨率,大于1024分辨率时加载xxx.js与css
请给出具体代码示例,谢谢!
认证高级PHP讲师
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) { ... }
希望有所帮助~ :)
同样的业务针对电脑上和移动终端的接口api,是写一套还是两套呢? 写一套好象比较麻烦,显示的数据列都不同(对应select 数据字段) 翻页的页数也不同 (limit m,n) 另外象标题长短,内容格式都要处理
js 取屏幕相关方法列表:
至于 CSS 现在都是使用媒体查询来做的,如:
希望有所帮助~ :)
同样的业务针对电脑上和移动终端的接口api,是写一套还是两套呢? 写一套好象比较麻烦,显示的数据列都不同(对应select 数据字段) 翻页的页数也不同 (limit m,n) 另外象标题长短,内容格式都要处理