判断横屏竖屏,然后CSS重新计算
2016-06-24 14:49
483 查看
function hengshuping(){
if(window.orientation==180||window.orientation==0){
alert("竖屏状态!")
window.location.reload();
}
if(window.orientation==90||window.orientation==-90){
alert("横屏状态!")
window.location.reload();
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
if(window.orientation==180||window.orientation==0){
alert("竖屏状态!")
window.location.reload();
}
if(window.orientation==90||window.orientation==-90){
alert("横屏状态!")
window.location.reload();
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
相关文章推荐
- 大神博文实例
- CSS或JS实现gif动态图片的停止与播放
- 针对IE6、7、8条件注释语句(不同版本IE显示用不用css)
- css美化单选款、复选框
- 实用js+css滑动门导航菜单
- 块级元素垂直居中
- IE兼容
- css积累
- cursor改变鼠标样式
- position里absolute和relative属性浅析
- CSS+DIV:父DIV相对定位+子DIV绝对定位
- datagrid表格内容溢出用"..."处理的css
- CSS3 Flexbox 弹性布局
- CSS布局——简洁、兼容性强的垂直水平居中方案
- CSS3轻松实现清新 Loading 效果
- CSS单/多行文本溢出部分显示省略号
- 样式<style>资源
- html、css 【珍藏】
- css 图片按固定比例显示解决方案
- Animate.css 一款强大的预设css3动画库