时间戳

首页 > 解决方案 > 移动设备上的全宽响应图像和桌面上的覆盖半页

wordpress - 移动设备上的全宽响应图像和桌面上的覆盖半页

问题描述

我正在 Wordpress 上建立一个网站。我在 Wordpress 中为我的桌面页面制作了 2 列布局，其中图像填充其中一列，文本填充第二列。（https://drive.google.com/open?id=1TKhwA_vQnukeh-q1KL5sqXtHYtXVRjDA）这就是现在的样子（https://drive.google.com/open?id=1Rr-iDFylP0Goev2Vb6g9fsgd-lSkJV6x）。但我想在移动设备上全角显示图像（类似于https://drive.google.com/open?id=1CvWrqGogynSTN2qn3myKYUT0ZkzZP8o1 ）。我怎么能那样做？

标签： wordpressresponsive-designresponsive-imageselementorfull-width

解决方案

施，我同意德米安的观点，你的问题有点含糊，但我会给你一个使用媒体查询使用 CSS 完成这项任务的一般性答案。

在 Wordpress 中，您可以将 css 添加到 style.css 文件或<style>标签上方<body>标签内的 html 块中。然后在你的 html 块或模板文件中给你<div>正确的类。 我为你做了这个小提琴，看看，如果有帮助，请告诉我。

推荐阅读