html - 响应式文本 <h1>

标签 html css responsive-design

<分区>

有人知道如何让 h1 响应吗? 它在移动浏览器模式下一直显示大文本

HTML: <div class="index__content"> <h1 style="color:#CC9900">DREAM</h1>

CSS:

index__content{
    position:absolute;top:50%;left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
    width:100%;
    max-width:655px
}

最佳答案

对于 h1 标签(或其他任何标签),我建议使用 vw 字体大小单位,或像这样的组合:

font-size:calc(1.1em + .3vw);

关于html - 响应式文本 <h1>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41548144/

上一篇:javascript - 如何将照片幻灯片居中

下一篇:javascript - 如何根据从 Struts 1.3 框架的下拉列表中选择的特定值在 JSP 页面中显示隐藏的复选框字段?

相关文章:

javascript - 不允许加载本地资源

css - 方向变化增加边距/填充

css - Angular 2多选仅显示静态占位符

javascript - 使用 toggleClass() 函数时如何淡化更改?

html - CSS,两列 - 左边是动态宽度(输入),右边是固定宽度(按钮)

javascript - 如何将坐标 x, y 放入 div ID?

html - Bootstrap img-responsive 不缩放到父级

javascript - JQuery scrollTop() 函数不滚动

css - 如何在 Bootstrap 中通过 css 设置样式

javascript - JQuery Accordion 高度问题