移动设备上的全角响应图像,台式机上占半页

时间:2019-05-02 21:41:12

标签: wordpress responsive-design responsive-images elementor full-width

我正在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)。 我该怎么办?

1 个答案:

答案 0 :(得分:0)

Shi,我同意Demian的观点,您的问题有点含糊,但我将为您提供使用Media Queries使用CSS进行此任务的一般答案。

在Wordpress中,您可以将css添加到您的style.css文件中,或者在<style>标记上方的<body>标记内的html块中。然后在您的html块或模板文件中为您的<div>提供正确的类。 I made this fiddle for you,看一下,让我知道是否有帮助。