剛接觸手機(jī)移動(dòng)端網(wǎng)頁裙秋,除了使用rem定義字體大小外還遇到了手機(jī)端其他的問題容燕,比如手機(jī)端橫屏怎么辦?在豎屏?xí)r婚度,頁面顯示的都是正常的蘸秘,突然橫屏?xí)r官卡,整個(gè)頁面因?yàn)閷挾茸兇箝_始變形,這時(shí)候就需要做橫屏幕時(shí)自適應(yīng)了醋虏。
解決辦法:可以使用css3媒體查詢
@ media screen and (orientation:portrait) {
//豎屏?xí)r代碼
}
@ media screen and (orientation:landscape) {
//橫屏?xí)r代碼
}
一般手機(jī)端網(wǎng)頁橫屏不多寻咒,客戶端通常都會(huì)限制寬屏使用,除了ipad類寬屏使用颈嚼。