在段落和textarea内的font-size

时间:2016-03-09 08:32:36

标签: html css

sConnString = "PROVIDER=SQLOLEDB;" & _ "Integrated Security=SSPI;" & _ "Persist Security Info=False;" & _ "User Id=sa;" & _ "Data Source=tcp:192.192.1.111,1433;" 内的文字比#write内的文字要小得多。

我需要它们两个相同的尺寸。

.sent
    html{
    	font-size:62.5%;
    }
    body{
        font-size:1.4em;
    }
    .sent{
    	font-size:1.9rem;
    }
    #write{
    	font-size:1.9rem;
    }

3 个答案:

答案 0 :(得分:2)

设置相同的font-familytextarea与其他字体系列不同。

.sent{
    font-size:1.9rem;
    font-family: Arial;
}
#write{
    font-size:1.9rem;
    font-family: Arial;
}

jsFiddle

答案 1 :(得分:1)

默认情况下,textarea的字体系列为BlinkMacSystemFont,字体大小为:11px

    html{
    	font-size:62.5%;
    }
    body{
        font-size:1.4em;
        
    }
    .sent{
    	font-size:1.9rem;
        font-family:san-serif;
    }
    #write{
    	font-size:1.9rem;
        font-family:san-serif
    }
   <p class="sent">abc</p>
    
    <textarea id="write">abc</textarea>

答案 2 :(得分:1)

这是您的代码:https://jsfiddle.net/s92shahm/

如果您检查每个元素,您将发现以下内容:

textarea {
    font-family: monospace;
    border-color: rgb(169, 169, 169);
}

虽然段落没有font-family定义,但意味着它将默认为浏览器设置的主要字体或由您指定。

您需要通过明确设置每个使用的font-family来统一正在使用的字体。 the following

#write,
.sent {
  font-family: 'MyFont', sans-serif;
  font-size: 1.9rem;
}