css - <button type="button">登录</button>，“登录”的字体大小调节不了。

问题描述

问 题

        <div class="container">
            <div class="header">
                <input type="text" name="search"></input>
                <div class="login">
                    <button type="button">登录</button>
                </div>
            </div>
        </div>
    

.login button{
    width: 70px;
    position: absolute;
    right: 100px;

    border: none;
    background-color:#2189c0; 
    line-height: 60px;
    text-align: center;
    
    background-image: url(../imgs/task_1_9_2.png);
    background-repeat: no-repeat;
    background-position: center left ;

    color: #ffffff;
    font-weight: bold;
    font-size: 8px;
    letter-spacing:2px;
}

 

解决方案

酱紫的 谷歌的浏览器字体最小默认的是12px 所以你设置的8px不起作用的,所以百度下 谷歌字体取消12px怎么设置就ok啦

//ps:现在是2017.5.24 补充下答案:前几天测试的时候,发现谷歌12px的字体限制现在没有了,最小字体支持8px
我的测试版本是
Google Chrome 55.0.2883.87 (正式版本)

这篇关于css - <button type="button">登录</button>，“登录”的字体大小调节不了。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！