Html 如何在移动设备上强制我的徽标变小并位于左上方？

我只是把徽标放在我的标题图像的顶部，在桌面上，这很完美，但如果我换成手机，它会覆盖右侧浮动的菜单

我想把它放在左角，但要小一些

我的php如下所示：

我需要做哪些额外的造型或更改才能使手机上的徽标变小并移到左上角？

---

您是否尝试过使用视口

这基本上会使你的应用程序根据屏幕大小做出反应

测试此行为的一个技巧是使用Google Chrome控制台，因为它允许您根据设备类型更改视口大小

@media screen and (max-width: 829px) {

 /* Your css for smaller screen here */
}
@media screen and (min-width: 830px) {
/*Your css for bigger screen here*/
}

---

你有一张图片可以显示它现在的样子吗？@mmenschig现在添加了一张图片。希望能有帮助。你需要更多的信息吗？我还没有道歉，因为我没有回答正确。我做这件事不够熟练，你能帮我一点忙吗？

.img-logo{
position:absolute;
top: 120px;
left: 250px;

}

.header img.headerpic  { 
    max-width:100%; 
    top: 0px;
    left: 0px;
    position: relative !important;
    z-index: -1500;
}

@media screen and (max-width: 829px) {

 /* Your css for smaller screen here */
}
@media screen and (min-width: 830px) {
/*Your css for bigger screen here*/
}