rem media jquery布局結局方案

2022-09-07 12:30:10 字數 1649 閱讀 9514

doctype

html

>

<

html

lang="en"

>

<

head

>

<

meta

charset="utf-8"

>

<

meta

name="viewport"

content="width=device-width, initial-scale=1, maximum-scale=1"

>

<

title

>rem布局——rem+js

title

>

head

>

<

style

type="text/css"

>

html

body

/* js被禁止的回退方案 */

@media

screen and (min-width: 320px)

body

}@media

screen and (min-width: 481px) and (max-width:640px)

body

}@media

screen and (min-width: 641px)

body

}noscript

/* js被禁止的回退方案 */

.p1,

.p2

.p1

.s1

.p2

.s2

<

/style

>

<

body

>

<

noscript

>開啟j**ascript,獲得更好的體驗

noscript

>

<

divclass="p1"

>

寬度為螢幕寬度的50%,字型大小1.2em

<

divclass="s1"

>

字型大小1.2.em

div>

div>

<

divclass="p2"

>

寬度為螢幕寬度的40%,字型大小預設

<

divclass="s2"

>

字型大小1.2em

div>

div>

body

>

html

>

<

script

type="text/j**ascript"

>

vardocumentelement = document.documentelement;

function

callback()

document.addeventlistener('domcontentloaded', callback);

window.addeventlistener('orientationchange'

inwindow ? 'orientationchange' : 'resize', callback);

<

/script

>

石頭剪子布

題目描述 大家小時候都玩過石頭剪子布的遊戲吧,出石頭的人贏出剪子的人,出剪子的人贏出布的人,出布的人贏出石頭的人,如果兩個人出的一樣,則打平。飛燕姐姐和婷婷玩石頭剪子布的遊戲,請你寫乙個程式判斷一下誰贏了 輸入 石頭用stone表示,剪子用scissors表示,布用cloth表示 飛燕姐姐和婷婷出的...

剪刀石頭布

開始學習時寫的剪刀石頭布 雖然是用c 寫的 我感覺思想還是面向過程 慚愧慚愧 include include include include includeusing namespace std enum caiquan class inte cet inte cet inte cet system...

錘子剪刀布

大家應該都會玩 錘子剪刀布 的遊戲。現給出兩人的交鋒記錄,請統計雙方的勝 平 負次數,並且給出雙方分別出什麼手勢的勝算最大。輸入第1行給出正整數n 105 即雙方交鋒的次數。隨後n行,每行給出一次交鋒的資訊,即甲 乙雙方同時給出的的手勢。c代表 錘子 j代表 剪刀 b代表 布 第1個字母代表甲方,第...