刚接触手机移动端网页,除了使用rem定义字体大小外还遇到了手机端其他的问题,比如手机端横屏怎么办?在竖屏时,页面显示的都是正常的,突然横屏时,整个页面因为宽度变大开始变形,这时候就需要做横屏幕时自适应了。
解决办法:可以使用css3媒体查询
@ media screen and (orientation:portrait) {
//竖屏时代码
}
@ media screen and (orientation:landscape) {
//横屏时代码
}
一般手机端网页横屏不多,客户端通常都会限制宽屏使用,除了ipad类宽屏使用。
网友评论