Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/211.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么在chrome android中使用输入标签显示页面时会出现不同的字体大小_Android_Html_Css_Forms_Input - Fatal编程技术网

为什么在chrome android中使用输入标签显示页面时会出现不同的字体大小

为什么在chrome android中使用输入标签显示页面时会出现不同的字体大小,android,html,css,forms,input,Android,Html,Css,Forms,Input,为什么android的chrome浏览器在“表单”标签内以不同于外部文本的字体显示文本。我尝试过在CSS中给所有文本提供相同的字体大小和字体,但似乎没有什么不同 如果运行下面的代码片段,将看不到效果。我认为只有在安卓手机上才能看到这个问题。我已经把这个页面放到网上了。这是您的地址。 当表单标记开始前少于240个字符时,似乎不会发生此错误。如果使用的字符超过240个,则会发生错误。这可能是一只虫子吗 span.time1{ 字号:18px; 字体系列:“泰晤士报新罗马”,泰晤士报,衬线; } 表

为什么android的chrome浏览器在“表单”标签内以不同于外部文本的字体显示文本。我尝试过在CSS中给所有文本提供相同的字体大小和字体,但似乎没有什么不同

如果运行下面的代码片段,将看不到效果。我认为只有在安卓手机上才能看到这个问题。我已经把这个页面放到网上了。这是您的地址。
当表单标记开始前少于240个字符时,似乎不会发生此错误。如果使用的字符超过240个,则会发生错误。这可能是一只虫子吗

span.time1{
字号:18px;
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
}
表格2{
字号:18px;
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
}
敏捷的棕色狐狸跳过了懒狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了敏捷的棕色狐狸跳过了懒惰的狗 名字:
试试这个


试试这个

表单的字体样式不一定适用于表单字段,例如
input
。您可以指定
输入
字段应使用相同的字体,如下所示:

span.time1,form.time2,form.time2>输入,form.time2>标签,form.time2>选择{
字号:18px;
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
}
敏捷的棕色狐狸跳过了懒狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了敏捷的棕色狐狸跳过了懒惰的狗 名字:

表单的字体样式不一定适用于表单字段,例如
input
。您可以指定
输入
字段应使用相同的字体,如下所示:

span.time1,form.time2,form.time2>输入,form.time2>标签,form.time2>选择{
字号:18px;
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
}
敏捷的棕色狐狸跳过了懒狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了敏捷的棕色狐狸跳过了懒惰的狗 名字:

我找到了解决方案!把这根线插在头上

<meta name="viewport" content="initial-scale=1">

我找到了解决方案!把这根线插在头上

<meta name="viewport" content="initial-scale=1">

詹姆斯·柯里写道:

谢谢,James,“viewport”元标记解决了我的问题。然而,结果文本的大小与没有元标记的最小文本的大小相同,但如果需要,至少可以在css中处理(但确保这样做不会扰乱桌面上的显示)

这只体现在Android Chrome上,而不是桌面上的Chrome或Firefox的任何变体上。因此,谷歌似乎真的试图在任何地方强制使用这种元标记,即使没有它,手机上的小屏幕有时都难以辨认。平板电脑不需要它来识别

Android Chrome还有一个表格问题:不同颜色背景的单元格间距。通常
填充顶部:0.5em
会起作用,但是
填充
会呈现单元格的背景色,这不是我想要的。所以我使用了
边框顶部:0.5em纯白
以获得我所需的间距。(示例颜色白色应与表格的背景颜色相同-您不能使用
透明
,因为单元格背景颜色会显示出来(即,其效果与
填充
).是的-我可以使用
边框间距
,但这适用于整个表格:我只希望它适用于特定的行。正如我最初所想的那样-下面的代码正好是我在桌面上想要的:

<td style="background-color:red; color:white; border-top:0.5em solid white;">RED</td>
红色
…这是一个红色背景上的白色文本中的红色单词,上面有一个白色分隔符。然而,在Android Chrome中,我的边框块周围有一个恼人的1像素宽的边框,这是单元格的背景色-因此只有当单元格背景是浓色时才可见。当元标记就位时,这种恼人的感觉就会消失

詹姆斯·柯里写道:

谢谢,James,“viewport”元标记解决了我的问题。然而,结果文本的大小与没有元标记的最小文本的大小相同,但如果需要,至少可以在css中处理(但确保这样做不会扰乱桌面上的显示)

这只体现在Android Chrome上,而不是桌面上的Chrome或Firefox的任何变体上。因此,谷歌似乎真的试图在任何地方强制使用这种元标记,即使没有它,手机上的小屏幕有时都难以辨认。平板电脑不需要它来识别

Android Chrome的表格还有另一个问题:不同颜色背景的单元格间距。通常情况下,
填充顶部:0.5em;
会起作用,但
填充
会采用单元格的背景颜色,这不是我想要的。因此我使用了
边框顶部:0.5em纯白;
来获得我需要的间距(示例颜色白色应与表格的背景颜色相同-不能使用
透明
,因为单元格背景颜色会显示出来(即,其效果与
填充
)是的,我本可以使用
边框间距
,但这适用于整个表格:我只希望它适用于特定的行。正如我最初所想的那样,下面的代码完全是我在桌面上想要的