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...