CSS / Bootstrap响应式设计段落

由 taut发布于 2020-05-09 14:50:29

I am developing website based on Bootstrap template. Here is link: http://pixelslab.pl/ly/ I just have trouble with paragraphs in the middle - they are overlaping in strange way. Any idea how to fix it?

screenshot of issue

你美

2020-05-09 14:50:29

固定高度导致此问题...在以下更改CSS：

@media screen and (max-width: 766px){
    .elementor-text-wrap .section
    {
    height: auto;
    min-height: 200px;
    padding-top: inherit    
    }
}

fdolor

2020-05-09 14:50:29

In order to make them work as expected, you should set your default line-height to normal in a certain breakpoint like 767px. You should also apply flex-direction: column; to the parent element in order to get better results. So the result should be something like this:

@media only screen and (max-width: 767px) {
      .elementor-text-wrap .section {
        flex-direction: column;
      }
      .section p {
        font-size: 14px;
        line-height: normal;
      }
    }
}

taut

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3189
注册排名
1803