CSS / Bootstrap响应式设计段落

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

评论
你美
你美

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

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

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;
      }
    }
}
点赞
评论