【问题标题】:DIVI (CSS) - Making modules responsiveDIVI (CSS) - 使模块响应
【发布时间】:2017-08-04 19:48:03
【问题描述】:

我已经完成了我正在使用 DIVI 设计的网站的布局,它在我的 1280x800 笔记本电脑分辨率上看起来很完美,但是当我尝试以更大的分辨率(在本例中为 1920x1080)显示它时,很多元素(主要是那些有左边距或右边距/填充的)不合适。我尝试使用百分比而不是像素作为边距/填充值,但结果相同。

设计响应式 CSS 布局的最佳做法是什么?我应该为容器的宽度定义固定值吗?这能解决问题吗?

我应该专注于媒体查询吗?为每个分辨率定义值?再说一次,调整窗口大小的问题又会使整个媒体查询解决方案过时。你有什么建议?

【问题讨论】:

    标签: css wordpress responsive-design


    【解决方案1】:

    RWD(响应式网页设计)是一个过于宽泛的论点,无法给您一个单一的答案。就我个人而言,我喜欢从头开始构建自己的网页,而无需任何页面构建器或类似的东西,这就是我给你的提示:首先,尝试手动构建自己的网页!

    我可以为您提供构建响应式网站的三个准则:

    • 使用百分比值,没有固定值;
    • 使用媒体查询;
    • 当屏幕宽度发生变化时,使用display: flex属性来适应网页的布局;

    有了这些建议,我认为您可以轻松构建响应式网页。 还有许多其他因素需要担心:搜索、学习和使用代码!

    【讨论】:

      猜你喜欢
      • 2017-10-05
      • 2017-08-01
      • 1970-01-01
      • 2023-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-09-16
      • 2020-12-13
      相关资源
      最近更新 更多