實現Html網頁 DOM元素 等比例寬高的方式

2021-09-12 03:36:49 字數 570 閱讀 3113

現在要做乙個網頁,用於大屏展示,裡面所有的東西包括頁面本身都應該是成比例的,就是不管你用多大/小的螢幕,把網頁拉的多寬/高,頁面布局不變,展示的頁面永遠是16:9

/*--------------------樣式計算方法----------------------*/

document.addeventlistener('readystatechange',function()

});//監聽div和螢幕的改變

window.onresize = function()

/**對元素進行寬跟高等比計算dengbi—4vs2**/

function dengbijisuan(){

//查詢所有class以dengbi—開頭的元素

var key="dengbi-";

var doms=$('*[class*="'+key+'"]');

//迴圈處理

var myreg=/\s*dengbi-[0-9_]+vs[0-9_]+\s*/gi;

for(var i=0;i頁面上這樣就可以了

HTML網頁元素

在html中,注釋使用如下格式書寫 其他叫法 標籤 標記 href 渡一教育a 官方叫法 element 元素 元素 起始標記 begin tag 元素屬性 元素內容 結束標記 end tag 屬性 屬性名 屬性值 屬性的分類 charset utf 8 有些元素沒有結束標記,這樣的元素叫做 空元素...

HTML 定位網頁元素

一.position屬性 意指 盒子的位置。四個屬性 1.static 預設值,沒有定位,元素按照標準文件流進行布局。2.relative 相對定位,使用相對定位的盒子位置以標準文件流進行的排辦方式為基礎,然後使盒子相對於他原本的位置偏移指定的距離。相對定位的盒子仍然在標準文件流中,其後的盒子仍以標...

Dom物件,控制html元素

document.getelementsbyname name 返回帶有指定名稱的節點物件的集合。document.getelementsbytagname tagname 返回帶有指定標籤名的節點物件的集合。返回元素的順序是它們在文件中的順序。node.firstchild 返回 childnod...