CSS中,我們可以使用背景圖片,并將其設(shè)置為背景,然后讓背景圖片按比例鋪滿屏幕,以下是一個(gè)簡(jiǎn)單的示例:
body { background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
在這個(gè)示例中,background-image
屬性用于指定背景圖片,background-repeat
屬性設(shè)置為no-repeat
,表示圖片不會(huì)重復(fù)。background-position
屬性設(shè)置為center
,表示圖片在屏幕中央。background-size
屬性設(shè)置為cover
,表示圖片會(huì)按比例鋪滿屏幕。
需要注意的是,這種方法只適用于CSS背景圖片,對(duì)于其他元素(如div、img等)的圖片,我們需要使用其他方法來實(shí)現(xiàn)按比例鋪滿屏幕的效果。