【问题标题】:How to auto resize content with different browser如何使用不同的浏览器自动调整内容大小
【发布时间】:2015-07-06 23:26:21
【问题描述】:

我只是想知道如何或如何使我的所有内容根据某人使用的浏览器/设备自动调整大小。请帮忙!

【问题讨论】:

  • 到目前为止您尝试了什么?你发现了什么?

标签: html css responsive-design


【解决方案1】:

您应该查看像 Modernizr 和/或 Bootstrap 这样的库,它们可以减轻响应式设计的痛苦。

网上有很多关于这个的指南:

Wikipedia
W3 Schools

当一切都失败时,Google is your friend

【讨论】:

    【解决方案2】:

    您可以查看最适合您网站的 vw、vh、vmin、vmax。这些是 px 或 % 之类的单位,用于调整大小但调整大小。看看这个:https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/

    【讨论】:

      【解决方案3】:

      使用 CSS 响应式 技术。

      响应式意味着使用百分比(%),而不是像素值(px)。

      借助 CSS 媒体查询,我们可以为不同的窗口大小应用不同的样式。

      其他方式 - 您可以使用 css 框架进行响应,

      Bootstrap

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-12-17
        • 1970-01-01
        • 2012-06-12
        • 1970-01-01
        • 1970-01-01
        • 2018-01-18
        • 2012-06-13
        相关资源
        最近更新 更多