Android Chrome浏览器中的字体大小错误

秋彦

我在Android手机上使用html + css遇到麻烦(我的环境是Nexus 5,Chrome beta)。

让我们看看这个css:

<style type="text/css"><!--
div.sample {
  margin: 12px 2px 12px 2px;
}
div.sample span {
  padding: 2px 2px 2px 2px;
  border: 3px solid #f00;
  background-color: #fcc;
}
--></style>

和正文部分(html):

<div class="sample"><span>SAMPLE SAMPLE SAMPLE</span></div>
<div class="sample"><span><a>SAMPLE SAMPLE SAMPLE</a></span></div>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test

添加了“测试测试...”部分,以激活Webkit的“字体增强”。

问题是我们希望第一个div(SAMPLE ...)与第二个div(SAMPLE ...)类似,但是,它看起来像这样:

Android Chrome浏览器

在第二个div情况下,范围不会扩大以适合其元素(SAMPLE ...)。

如果我们在a标签之外添加一些文本,则两个div看起来都一样。

<div class="sample"><span>SAMPLE<a>SAMPLE SAMPLE SAMPLE</a></span></div>

你知道是什么问题吗?我该如何解决?

非常感谢!

道兹

您需要将自己的display属性设置div.sample spaninline-block
这样可以包装您的全部内容。
我在这里转载了您的问题-小提琴

配置

div.sample span {
    padding: 2px 2px 2px 2px;
    border: 3px solid #f00;
    background-color: #fcc;
    display:inline-block;
}   

消除了烦恼
我怀疑这是由于链接元素上字体的默认大小引起的,它可能大于span元素的字体大小。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android图像调整大小错误内存

来自分类Dev

Enthought Canopy Mayavi字体大小错误

来自分类Dev

Android股票浏览器中是否有草书字体?

来自分类Dev

Android中epub的字体大小?

来自分类Dev

Firefox和Chrome浏览器中的星形字符的字体大小

来自分类Dev

应用程式:layout_behavior之后,Android NestedScrollView的大小错误

来自分类Dev

跨浏览器字体大小

来自分类Dev

编辑后,UITextField上的Xcode 5字体大小错误

来自分类Dev

工具栏标题和副标题显示的字体大小错误

来自分类Dev

基础CSS字体大小问题(Android上的Chrome)

来自分类Dev

标签的android字体大小

来自分类Dev

android浏览器中错误的边框宽度

来自分类Dev

在Android设备上的Google Chrome浏览器中从Node.js服务器下载文件的错误

来自分类Dev

更改Android中自动设置的默认字体大小?

来自分类Dev

减少演示文稿中Android Studio的字体大小

来自分类Dev

Android Studio中巨大的无法使用的字体大小

来自分类Dev

更改Android中自动设置的默认字体大小?

来自分类Dev

同一字体系列在不同浏览器中的字体大小不同

来自分类Dev

Chrome浏览器不遵守正文标签上的rem字体大小?

来自分类Dev

Chrome浏览器不遵守正文标签上的rem字体大小?

来自分类Dev

PHP中的文件大小错误

来自分类Dev

IE中的按钮大小错误

来自分类Dev

NVMe中的扇区大小错误

来自分类Dev

RTMP 中的块大小错误?

来自分类Dev

字体大小值随浏览器缩放而缩放

来自分类Dev

浏览器无法呈现的CSS字体大小

来自分类Dev

字体大小值随浏览器缩放而缩放

来自分类Dev

在Android浏览器中运行网络

来自分类Dev

帮助浏览器中的Matlab 2015字体大小

Related 相关文章

热门标签

归档