Question

我目前正在插入CSS编码，以使我的网站（PHP）能够响应手机的移动。我遇到的问题是想要将图像的高度和宽度都减小到50％时。它不会调整图像大小...？以下是图片的代码以及我的移动设备设置的css部分：

HTML

<meta name="viewport" content="width=device-width, initial- 
scale=1.0">

<div class="logo">
   <img src="./img/newlogo.png" alt="logo" />
</div>

CSS code:

@media only screen and (max-width: 736px){
  .logo{
    position:absolute;
    top:2%;
    left:10%;
    Width:50%;
    Height:50%
  }
}

有什么想法吗？

Answer 1

在图像上移动徽标类

<div>
   <img class="logo" src="./img/newlogo.png" alt="logo" />
</div>

在移动设备（PHP）上调整图像大小的问题

1 个答案: