鍍金池/ 問(wèn)答/HTML/ html背景圖問(wèn)題？

html背景圖問(wèn)題？

需求：頁(yè)面有一張大圖，作為背景，要求瀏覽器尺寸不管怎么變化，背景圖始終保持等比例（不會(huì)變形），同時(shí)也始終沾滿整個(gè)瀏覽器（也不會(huì)有裁剪現(xiàn)象）。

個(gè)人理解使用css無(wú)法達(dá)到效果，圖片不會(huì)有裁剪無(wú)法保證。是這樣的嗎？

回答
編輯回答
念舊

background: url("") no-repeat center/cover;
試試這個(gè)css

2017年4月28日 09:52
編輯回答
墨染殤

background: url('') no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;

我想這幾個(gè)css能最大程度的滿足你的要求...

2017年7月30日 09:40
編輯回答
失心人

不裁剪，還等比例，還能隨意縮放，還要占滿屏幕，用腦子想想再問(wèn)問(wèn)題。。

2017年5月19日 00:12
編輯回答
笑忘初

如果要等比例的話，肯定會(huì)出現(xiàn)裁剪的，比如3：4的圖片，你要變成了4:3肯定都會(huì)剪裁一部分，但是可以保持比例，并且顯示圖片中央位置

2018年9月23日 05:01
編輯回答
浪蕩不羈

背景圖始終保持等比例（不會(huì)變形），同時(shí)也始終沾滿整個(gè)瀏覽器
瀏覽器尺寸不是按圖片的比例變化就不行了吧

2017年4月9日 03:22
編輯回答
柒喵

背景圖的寬高比例不可能兼容所有瀏覽器的比例，所以達(dá)不到鋪滿又不能變形且不能裁剪的效果。

2018年9月8日 08:44