我的网站：https://www.gameron.pl/
【如何使主题看起来像屏幕截图（）】我需要像屏幕截图中那样使主题分辨率为719px及以下：
文章图片
我的意思是职位列表。我尝试使用各种代码来实现它, 但是每个代码只能在一种分辨率下工作, 而不能适应其他分辨率。
这是有效的方法：
@media (max-width:719px){/* Thumbnail Image */
.main a .wp-post-image{
width:50%;
}
}
现在, 我只需要适当地移动和调整帖子标题即可。有谁知道我该怎么办？我觉得我尝试了一切。
#1 问题是你的.post-thumbnail具有float：none, 而你的.post-content具有float：left。
我在控制台中对其进行了更改, 因此float：left和width：50％都可以正常工作：
View post on imgur.com@media only screen and (max-width: 719px) {
.post-list .post-thumbnail {
float: left;
max-width: 50%;
}
.post-list .post-content {
float:left;
width: 50%;
}
}
#2 你可以按照以下步骤进行操作：
@media only screen and (max-width: 719px) {
.main .post-list .post-thumbnail, .main .post-list .post-content {
float: left;
width: 49%;
}.main .post-thumbnail {
margin-right: 0.5em;
}
}
结果
文章图片
推荐阅读
- 如何在WordPress中合并2个列表菜单
- Beyond Compare隐藏文本细节小技巧
- Beyond Compare与输出文件比较办法
- p2p种子搜索器超凡搜索怎样搜资源种子？
- Beyond Compare快捷键设置办法
- p2p种子搜索器迅雷资源助手运用图文详细教程
- Beyond Compare比较会话隐藏工具栏图文详细教程
- Beyond Compare输入窗格字体样式怎样改
- Beyond Compare合并文本对齐方式设置技巧