移动设备上的全宽响应图像和桌面上的半页
Full-width responsive image on mobile device and cover half page on desktop
我正在 Wordpress 上建立一个网站。我在 Wordpress 中为我的桌面页面制作了一个双列布局，其中图像填充其中一列，文本填充第二列。 (https://drive.google.com/open?id=1TKhwA_vQnukeh-q1KL5sqXtHYtXVRjDA)
这就是现在 (https://drive.google.com/open?id=1Rr-iDFylP0Goev2Vb6g9fsgd-lSkJV6x). But I want to show the image full-width (something like this https://drive.google.com/open?id=1CvWrqGogynSTN2qn3myKYUT0ZkzZP8o1) 在移动设备上的样子。
我该怎么做？
Shi，我同意 Demian 的观点，你的问题有点含糊，但我会给你一个使用媒体查询 CSS 完成此任务的一般答案。
在 Wordpress 中，您可以将 css 添加到 style.css 文件或 <body> 标签上方 <style> 标签内的 html 块中。然后在您的 html 块或模板文件中为您的 <div> 提供正确的 class。 I made this fiddle for you，看一看，如果有帮助请告诉我。
我正在 Wordpress 上建立一个网站。我在 Wordpress 中为我的桌面页面制作了一个双列布局，其中图像填充其中一列，文本填充第二列。 (https://drive.google.com/open?id=1TKhwA_vQnukeh-q1KL5sqXtHYtXVRjDA) 这就是现在 (https://drive.google.com/open?id=1Rr-iDFylP0Goev2Vb6g9fsgd-lSkJV6x). But I want to show the image full-width (something like this https://drive.google.com/open?id=1CvWrqGogynSTN2qn3myKYUT0ZkzZP8o1) 在移动设备上的样子。 我该怎么做？
Shi，我同意 Demian 的观点，你的问题有点含糊，但我会给你一个使用媒体查询 CSS 完成此任务的一般答案。
在 Wordpress 中，您可以将 css 添加到 style.css 文件或 <body> 标签上方 <style> 标签内的 html 块中。然后在您的 html 块或模板文件中为您的 <div> 提供正确的 class。 I made this fiddle for you，看一看，如果有帮助请告诉我。