Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was tun, wenn der CSS-Hintergrund die Breite überschreitet?

藏色散人
Freigeben: 2022-12-30 11:12:27
Original
4460 Leute haben es durchsucht

css背景超出宽度是因为背景图片过大,其解决办法:首先打开相应的css文件;然后添加“background-size:100% 100%”或者“background-size:contain”样式,让背景图片宽度和高度完全适应内容区域即可。

Was tun, wenn der CSS-Hintergrund die Breite überschreitet?

本教程操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑。

推荐:css视频教程

css背景图片超出所设置容器的宽度是因为背景图片过大。

元素的背景是元素的总大小,包括填充和边界(但不包括边距)。默认情况下,背景图片放置在元素的左上角。

解决方法:

添加background-size: 100% 100%;或者background-size:contain;样式,让背景图片的宽度和高度完全适应内容区域。

div{
        background-image: url(images/1.jpg);
       background-size: 100% 100%;
       
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas tun, wenn der CSS-Hintergrund die Breite überschreitet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!