我想在文本的右边包含我的每个投资组合页面的徽标。我能够使用嵌入式HTML在桌面上将其浮动:

<p><a href="link" style="padding: 0 0px; float: right;" src="img" alt=""
width="200" height="200" /></a></p>
<h4><strong>Amazin' Aces Pickleball</strong></h4>


这里是链接:http://matzniewski.com/my-work/amazin-aces/

这是在移动设备上的样子:

html - 遇到移动样式与桌面样式的问题-LMLPHP

如何获得徽标,使其徽标位于手机标题的顶部,以免它们被挤在一起?

我认为我将不得不进入CSS,但是我一直在弄乱自己的内部不同命令

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


而且不知道如何正确处理。

如果相关,我正在使用Wordpress和SiteOrigin。

最佳答案

使用媒体查询来调整您的float属性。

.widget img {
    height: auto
}

@media screen and (min-width:831px) {
    .widget img {
        float: right;
     }
}

@media screen and (max-width:830px) {
        .widget img {
            float: none;
     }
}

关于html - 遇到移动样式与桌面样式的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49639942/

10-11 23:15
查看更多