电脑显示没问题，
但是手机打开却是这样
div+css圖片布局問(wèn)題
慕村1106498
2017-07-20 17:50:37
4 回答
Seaweed
TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超3個(gè)贊
1、<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
2、使用響應(yīng)式布局
你的舊相框
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超3個(gè)贊
建議把width PX改為對(duì)應(yīng)的百分比，height就可改可不改。如果想更上一層，建議學(xué)習(xí)響應(yīng)式局部。
顏鴻羽
TA貢獻(xiàn)108條經(jīng)驗(yàn) 獲得超56個(gè)贊
寫界面的第一步，要有容器思想，你把變形的數(shù)據(jù)放入最外層設(shè)一個(gè)容器，寬度自己設(shè)，一般界面寬度為1200px，不過(guò)這要看你自己設(shè)了，高度設(shè)不設(shè)無(wú)所謂。
如果你不想要固定死的界面，可以考慮用padding，margin這兩個(gè)，如果你不會(huì)靈活運(yùn)用padding，margin就考慮第一種。
還有就是在html里父類標(biāo)簽的寬度沒(méi)固定死的話，千萬(wàn)不能用百分比布局。
無(wú)所畏懼小小小
TA貢獻(xiàn)20條經(jīng)驗(yàn) 獲得超5個(gè)贊
推薦做法：
1-將所有px布局改為百分比布局
2-使用bootstrap，直接使用用定義好的class（包含兼容性、響應(yīng)式處理），如果頁(yè)面中使用了angular就直接用angular UI
添加回答
舉報(bào)
0/150
提交
取消