大屏頁面能夠在大屏和電腦自適應

2021-09-25 23:58:39 字數 496 閱讀 3708

5760*2160是大屏比例,原型設計按照這個開發(),如果通過zoom方式修改,只能針對大屏適應,下面的**能夠讓大屏頁面即在大屏適應展示,也能夠在電腦適應展示

//監聽瀏覽器變化

window.onresize = function() ;

var ratioy = $(window).height()/2160;

var ratiox = $(window).width()/5760;

$("body").css();

}$().ready(function());

如果是zoom的方式,只能針對大屏調整,電腦高度有問題,也提供**

//監聽瀏覽器變化

window.onresize = function() ;

let width = document.body.clientwidth;

}

大屏自適應頁面開發分享

大屏自適應頁面開發分享 說到大屏頁面可能大家內心會感覺到一丟丟的發抖,因為感覺字型及布局控制實在是太困難了,哈哈哈 這其實是我剛剛開始做這種頁面的內心活動。下面說一下我做這種頁面的過程 1 1920 1080 等比例縮放 這是我第一版做出來的方式,但是這個方式做出來是有弊端的 1 不能適應所有的螢幕...

Vue 實現大屏頁面的螢幕自適應

1.在配置檔案設定大屏設計的尺寸1920 1080 export default 大屏設計寬高 2.定義resetscreensize.js export function pageresize callback else var resizeevt orientationchange in win...

QT QPixmap在Label中自適應大小鋪滿

自適應大小 鋪滿 顯示影象。keepaspectratio 設定pixmap縮放的尺寸保持寬高比。setscaledcontents 設定label的屬性scaledcontents,這個屬性的作用是允許 禁止 label縮放它的內容充滿整個可用的空間。qpixmap p p.load filena...