我想在文本的右边包含我的每个投资组合页面的徽标。我能够使用嵌入式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/
这是在移动设备上的样子:
如何获得徽标,使其徽标位于手机标题的顶部,以免它们被挤在一起?
我认为我将不得不进入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/