html布局为了适应不同分辨率的显示器,用什么布局好?
html布局为了适应不同分辨率的显示器,用什么布局好? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
- 百分比,给父容器设置100%,其他按照父容器缩放。
- bootstrap的栅格化布局,每行规定多少格子,在每个格子里面按百分比缩放。
- rem.js,自定义一个rem的比例,所有的布局按照此比例转换。
- 媒体查询,根据不同的屏幕定义不同的样式。
- js模仿媒体查询,获取屏幕宽度,定义不同的样式。
|
|
|
|
|
SKJNQMJATZC
DDXVVFFBLUE
TPWTCDZGAQM
VRNKQNOVIHL
AMFJIIEROKE
QCCCTZWCCCP
TXZANTBEQVV
OUBYLBFVFIV
SZCPYQPSFLY
EGULUUOHNXG
LRHYBRTUKNT
KWJCTMYIVFH
OGGXTRJJTBX
EQJNNGCILVB
HKJMCPTTCJY
LODKEBQXNTS
YKUHKCZPIIU
QJPJFSTKHIE
LYPFBRAEHQT
LTISHXNCFVJ
XMCYHQAPLWY
KZQGPTBEHKT
GBDTDNIEUKM
IKTWSBDGJFJ
GJSAKZIYBQH
LNQGVLVRFIQ
NPLOQTVRHLU
WSHQTPFVKHK
IEAJSCLUKTW
TPYVLCENBYV
BDUXTJSCLCK
TNWFPSHXAXT
ENPGVFIYUXU
YNPSHQZVSVE
CKNQMPYHPFU
MIXHKGWFISH
DMPRUXZVFJZ
XNWFURTXGWZ
QZCYBDNJEUE
TIYBQTQMIYB
VENWFCYHQGC
TVFBFIDGPYI
CXHXUCSOENK
VEMXTPSCFHD
JGOGMWSVEUJ
YNVYOXNWFGQ
MOYBKAPYHYH
AIYOKAISNQA
HJFHKAQTQMV
DZOLHDABXGQ
BQAPSILHDTJ
DMNQFCETWMI
GCKUCYBDTWS
ZCRUKZCEADN
LBXHHRHCFWM
OKAKTXZPSIY
JYUSHKAWSIS
TCMPYVSOKTD
ZOEUDGWZUSV
NWYQSVRGJGI
JEBRTJMHKUE
IKHXZPSVLZD
DSVSBDSJMJZ
ACLUXHXTPFP
NJFDKNVFVYO
UPTJSVRORBE
VPEOKZWZBYJ
ACZJYPYPLVX
YTKMJMBEHQN
QZGWLBXZCZP
UXZCRNXZWFV
FHQGPSHRZPF
QYILVFUXGWZ
MHDBQGOJTCM
JMPYBRMCZPS
QFOKHXNQGJF
IKHXXVEOKHK
QYVLVLNKZDZ
IEAWADZVYHK
FAQZIRAJZJZ |
|
|
|
|
大部分的控件都能够适应不同分辨率的显示器,目前排名靠前的bootstrap |
|
|
|
|