美文网首页
手机移动端网页确定是否横屏

手机移动端网页确定是否横屏

作者: 芒果加奶 | 来源:发表于2017-05-15 15:17 被阅读0次

刚接触手机移动端网页,除了使用rem定义字体大小外还遇到了手机端其他的问题,比如手机端横屏怎么办?在竖屏时,页面显示的都是正常的,突然横屏时,整个页面因为宽度变大开始变形,这时候就需要做横屏幕时自适应了。
  解决办法:可以使用css3媒体查询

@ media screen and (orientation:portrait) { 
     //竖屏时代码
}
@ media screen and (orientation:landscape) { 
     //横屏时代码
}

一般手机端网页横屏不多,客户端通常都会限制宽屏使用,除了ipad类宽屏使用。

相关文章

网友评论

      本文标题:手机移动端网页确定是否横屏

      本文链接:https://www.haomeiwen.com/subject/zcdhxxtx.html