为什么在chrome android中使用输入标签显示页面时会出现不同的字体大小
为什么android的chrome浏览器在“表单”标签内以不同于外部文本的字体显示文本。我尝试过在CSS中给所有文本提供相同的字体大小和字体,但似乎没有什么不同 如果运行下面的代码片段,将看不到效果。我认为只有在安卓手机上才能看到这个问题。我已经把这个页面放到网上了。这是您的地址。为什么在chrome android中使用输入标签显示页面时会出现不同的字体大小,android,html,css,forms,input,Android,Html,Css,Forms,Input,为什么android的chrome浏览器在“表单”标签内以不同于外部文本的字体显示文本。我尝试过在CSS中给所有文本提供相同的字体大小和字体,但似乎没有什么不同 如果运行下面的代码片段,将看不到效果。我认为只有在安卓手机上才能看到这个问题。我已经把这个页面放到网上了。这是您的地址。 当表单标记开始前少于240个字符时,似乎不会发生此错误。如果使用的字符超过240个,则会发生错误。这可能是一只虫子吗 span.time1{ 字号:18px; 字体系列:“泰晤士报新罗马”,泰晤士报,衬线; } 表
当表单标记开始前少于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纯白;
来获得我需要的间距(示例颜色白色应与表格的背景颜色相同-不能使用透明
,因为单元格背景颜色会显示出来(即,其效果与填充
)是的,我本可以使用边框间距
,但这适用于整个表格:我只希望它适用于特定的行。正如我最初所想的那样,下面的代码完全是我在桌面上想要的