如何修复页面响应式?

时间:2019-07-19 15:54:26

标签: html css wordpress wordpress-theming

我确实有一个烦人的问题。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_equal_height_media这是我在网站上使用的确切内容,但内容不同。所以我的问题是,如果减小浏览器大小,列将不会移动。 右列将移至侧栏,但是,我不希望将侧栏固定为所有大小。 我使用Wordpress插件Wpbakery。我的主题是福禄考。 这是我的网站https://sijour.com/offer/,我认为最好共享链接而不是截图。

(如果我将相同的内容从w3school复制到wpbakery中的原始html,静止列将与侧边栏重叠,并且如果浏览器小于600px,则第一列将可见)

我尝试了一些操作,从仪表板创建了一个新页面,然后选择了Html,将所有内容粘贴到其中,这很好,但是,当我检查预览时,它无法正常工作。

2 个答案:

答案 0 :(得分:0)

如果您想使网站具有响应能力,那就去:-https://catswhocode.com/how-to-make-a-responsive-website/,这是我见过的最好的教程...

答案 1 :(得分:0)

将此添加到当前CSS:

.col-container .col {
    float: left;
}