手機豎屏和橫屏旋轉解決

2021-10-10 20:50:18 字數 935 閱讀 7982

function

recalc()

); transform-origin: left top 0px;

background-size: 100% 100%;`

;/* transform: scale()縮放屬性

* transform-origin(x,y):用來設定元素的運動的基點 (必須在transform屬性作用下面起作用)

*background-size 用來調整背景影象的尺寸大小 百分比的話就是的寬高適應所在的區域

*/}function

phone()

{let doc = document.documentelement;

let resizeevt =

"orientationchange"

in window ?

"orientationchange"

:"resize"

,// 兩個事件是關於適應手機旋轉的,每次旋轉後獲取頁面的寬高,首先使用前乙個

// orientationchange瀏覽器相容性很差,頁面的高度是旋轉之前的高度if(

!doc.addeventlistener)

return

; window.

addeventlistener

(resizeevt,

recalc()

,false);

doc.

addeventlistener

("domcontentloaded"

,recalc()

,false);

/*domcontentloaded是dom載入完畢。html文件載入和解析的過程(除了等)

load 指頁面的所有內容都載入完畢。會比domcontentloaded的的時間長。

*/

手機橫屏豎屏css

media是css3中新定義的,功能非常強大,顧名思義pc是無法匹配橫豎屏的,所以orientation只對移動裝置起效。1.頭部宣告 複製 如下 加到複製 如下 2.media匹配螢幕是橫屏還是豎屏 複製 如下 media all and orientation landscape media a...

橫屏豎屏切換

當用n85 n95的時候,可以橫屏豎屏切換。當切換的時候,就要把程式中的控制項位置 大小重新計算,重新畫了。其實也沒有什麼困難的。1.這根據原始螢幕 240 320 的螢幕計算座標。當橫屏豎屏切換的時候,可以用下面的公式進行自動的拉伸。define calc wh a a rect width 24...

linux Qt4 8螢幕旋轉 橫屏 豎屏

linux下要實現應用程式螢幕可旋轉,也就是可切換橫屏豎屏,可參考 方法一 利用 qgraphicsview 實現旋轉,參照另一篇文章qgraphicsview旋轉 橫屏豎屏 方法二 利用api qwsdisplay settransformation 完成介面整體的旋轉,為此,需在 qt 編譯 c...