在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 移動(dòng)端body高是100%,背景圖全屏,如何讓背景圖上的內(nèi)容固定在想要的位置

移動(dòng)端body高是100%,背景圖全屏,如何讓背景圖上的內(nèi)容固定在想要的位置

如果設(shè)置backgroundsize:100%的話,圖片會(huì)隨設(shè)備拉伸,那么里面內(nèi)容的margin值是固定的,位置就會(huì)受到影響。請(qǐng)問(wèn)該怎么解決呢?

回答
編輯回答
臭榴蓮

margin值不要用px,用百分比

2018年5月27日 21:54
編輯回答
墨小羽

不是很明白你的意思 手機(jī)上可以用css3全屏啊 做法很多 百度一堆堆的.

2017年6月17日 17:36
編輯回答
命于你

內(nèi)容設(shè)置為position:fixed;相對(duì)屏幕定位器試試

2018年6月3日 15:27
編輯回答
懶洋洋

固定在想要的位置,這個(gè)問(wèn)題沒(méi)看懂。
是要背景圖居中嗎? background-position: center;
還是要寬度百分百,高度自適應(yīng):background-size: cover;body設(shè)置overflow: hidden屬性

2017年3月26日 11:08
編輯回答
大濕胸

如果圖片比例不變,可以根據(jù)“margin百分比都是根據(jù)寬度來(lái)決定的”這個(gè)特性來(lái)做,但是如果圖片比例變化,要用js來(lái)做。

2017年1月2日 23:23
編輯回答
柒槿年

建議用等于或者大于全屏的高度噢,background-size: 100% auto,這樣圖片不會(huì)壓縮

2018年3月8日 18:42
編輯回答
淡墨

背景給個(gè)cover,反正你背景也不變,你把背景位置固定之后,元素給固定的margin也沒(méi)啥問(wèn)題啊

2017年5月4日 10:32
編輯回答
伴謊

這個(gè)簡(jiǎn)單,固定一下你的viewport就行了,在所有手機(jī)上顯示就一致了

2017年11月13日 12:26
編輯回答
凹凸曼

這種情況我做移動(dòng)端開(kāi)發(fā)的時(shí)候也遇到過(guò),當(dāng)時(shí)試了很多,例如百分比布局和CSS3的媒體查詢(xún),現(xiàn)在來(lái)看百分比并不是很準(zhǔn)確,建議用CSS3媒體查詢(xún),或者用rem布局的話,就寫(xiě)死background-position的值,如果還有別的機(jī)型有適配問(wèn)題,就只能用媒體查詢(xún)?nèi)?xiě)死對(duì)應(yīng)的樣式了。

2018年5月23日 07:07