锐客网

  1. 首页 > 睿知 > it技术 > >

WP移动设备的响应式元素布局

WordPress网站开发IT知识问答布局css响应式设计移动设备

抱歉, 如果这是一个简单的问题, 但是我花了将近几天的时间, 仍然无法解决它。我有一个wordpress网站, 并使用4列设计来展示我们的服务。在桌面视图中, 它们按我希望它们显示(彼此相邻), 但在移动视图中则不是。我更改了列设置, 但仍然没有运气。如果有帮助, 请看下面的图片。有什么想法吗？
桌面视图
流动检视
#1【WP移动设备的响应式元素布局】使用flexbox实现它。谢谢

.parent{display:flex; flex-wrap: wrap; }.child{border: 2px solid black; height:100px; width:100px; margin: 5px}

< div class="parent"> < div class="child"> < /div> < div class="child"> < /div> < div class="child"> < /div> < div class="child"> < /div> < /div>

    推荐阅读


    上一篇：get_permalink(0);的结果

    下一篇：在WordPress中将数据检索为数组