根據解析度改變寬度 demo

2021-09-07 03:34:16 字數 1107 閱讀 9957

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

/>

<

title

title

>

<

style

>

.abc

@media screen and (min-width: 1201px) }/*

設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度

*/@media screen and (max-width: 1200px) }/*

設定了瀏覽器寬度不大於1200px時 abc 顯示900px寬度

*/@media screen and (max-width: 900px) }/*

設定了瀏覽器寬度不大於900px時 abc 顯示200px寬度

*/@media screen and (max-width: 500px) }/*

設定了瀏覽器寬度不大於500px時 abc 顯示100px寬度

*/style

>

head

>

<

body

>

<

div

class

="abc"

><

a href

=""target

="_blank"

>divcss5

a>例項:我這個div寬度會隨瀏覽器寬度變化哦,試試改變瀏覽器寬度

div>

<

p>返回 <

a href

="jiqiao/j662.shtml"

>css實現解析度瀏覽器寬度改變網頁布局寬度

a>:<

a href

="jiqiao/j662.shtml"

>jiqiao/j662.shtml

a>

p>

body

>

html

>

根據解析度改變寬度 demo

doctype html html head meta charset utf 8 title title style abc media screen and min width 1201px 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 media screen and m...

Android UI根據螢幕解析度決定載入布局

android中動態載入布局,可以提高使用者的體驗,在實際開發中,我們使用限定符來根據螢幕解析度或者螢幕的大小決定載入那種布局,具體方法如下 1 在res資料夾下layout資料夾下放的xml布局檔案是,android螢幕認為的小螢幕裝置 2 在res資料夾下layout large資料夾放的xml...

根據解析度設定rem根大小

函式內部設定 當前設計頁面1920 最大頁面3840 解析度為1920時 1rem 10px 解析度為3840時 1rem 20px 根據解析度設定rem根大小 function designwidth,maxwidth if docel.firstelementchild else 要等 wiew...