当前位置：网站首页>Solve the problem that when the background image is set to be 100% full, when the horizontal scroll bar appears in the zoom browser, the part of the background image beyond the scroll bar is not full

Solve the problem that when the background image is set to be 100% full, when the horizontal scroll bar appears in the zoom browser, the part of the background image beyond the scroll bar is not full

2022-07-26 00:40:00 【Fan Xiaoduo】 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style> *{
      margin:0;padding:0} .wrap{
       height: 40px; width: 1000px; background-color: #ccc; } .box{
       background: url('/img.png'); background-size: 100% 100%; } </style>
</head>
<body>
	<div class="wrap">
		<div class="box">example</div>
	</div>
</body>
</html>

When the viewport width is less than 1000 when , actual body The width of the element is not stretched to 1000PX. Instead, the default setting is “ The width of the browser's visible window ” and ”min-width” Property to resolve .

** resolvent ：** Set the parent element min-width（ Or to body Set up min-width）

body {
    
  min-width: 1000px;
}
原网站

版权声明
本文为[Fan Xiaoduo]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/207/202207260021495251.html

边栏推荐

猜你喜欢

随机推荐