Google语言翻译器会覆盖该样式

时间:2015-08-17 04:44:22

标签: html css wordpress

我正在使用wordpress创建一个网站,我只是整合了Google语言翻译器。一切正常,但问题是,当我翻译语言时,它会改变字体大小。所以默认情况下(没有翻译)我得到了

<input type="text" name="date"<?php if(empty($date)){echo 'id="date"';}else{echo 'value='.$date;} ?> readonly/>
来自inspect元素的

。但是,当我将其翻译成西班牙语或任何其他语言时,它会减小尺寸。我检查了Inspect元素,我正在

<input type="text" name="date"<?php if(empty($date)) echo 'id="date"'; else echo "value=\"$date\""; ?> readonly/>

。这就是问题发生的原因。如果我翻译,我需要一个像

这样的结果
<h1 class="intro-text">iDEAS , Solutions , Strategies for your Business <br>
</h1>  

任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:3)

如果您想要return array页面font-size,那么您应该为translate标记CSSfont translationclass="intro-text"内。

<!-- Bofore Translation -->
<h1 class="intro-text">
   iDEAS , Solutions , Strategies for your Business <br>
</h1>
<!-- After Translation -->
<h1 class="intro-text">
   <font><font>ideas, soluciones, estrategias para su negocio </font></font><br>
</h1>

CSS

.intro-text,
.intro-text font { font-size:20px;}

这将在font-size之后保持相同的translation