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

poi_rs
  • 477
        <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;
}

 
回复
阅读 10.2k
3 个回答

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

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

如果你用的chrome的话,默认是不能低于12px的。并且新版本的chrome对字体大小限制更加严格了,-webkit-text-size-adjust也不能用了。

设置font-size可以的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏