我尝试使用css在标题部分增加我的徽标大小，但它会分开

时间：2018-04-07 09:14:55

标签： html css background background-image

每当我尝试在标题中增加其大小时，我的徽标就会被分割。这是徽标。

enter image description here

＆＃13;
＆＃13; 
header {
  background-image: url(https://i.stack.imgur.com/ycpfl.png);
  background-size: 50px;
  /*if i increse the size my logo is croped*/
  background-repeat: no-repeat;
  height: 50px;
  width: 150px;
  float: left;
}
＆＃13; 
<body>
  <header></header>
</body>
＆＃13;
＆＃13;
＆＃13;

1 个答案:

答案 0 :(得分：0)

是的，因为你给标题50px的高度。如果background-size也是50px，它会很好。但如果增加背景大小，它会裁剪。 你还必须增加div的高度。所以没关系。

你也可以给出background-size包含。因此，图像将以其全尺寸加载，并且也不会分割。

＆＃13;
＆＃13; 
header {
  background-image: url(https://i.stack.imgur.com/ycpfl.png);
  background-size: contain;
  /*if i increse the size my logo is croped*/
  background-repeat: no-repeat;
  height: 50px;
  width: 250px;
  background-position:center;
  float: left;
}
＆＃13; 
<body>
  <header></header>
</body>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题