智能手机上的单词/字母间距不同(android和Firefox)
我找到了原因,是文本对齐:justify;(我已经申请了p)。为什么会这样做?有解决办法吗?——NullBy7e刚刚编辑智能手机上的单词/字母间距不同(android和Firefox),android,html,css,Android,Html,Css,我找到了原因,是文本对齐:justify;(我已经申请了p)。为什么会这样做?有解决办法吗?——NullBy7e刚刚编辑 p { padding-top: 5px; padding-bottom: 5px; hyphens: auto; text-align: justify; text-justify: newspaper; } -- 以下是页面链接: 在桌面上,这个视图很好,但当你在android上用Firefox查看这个时,中间的拉丁文本会得到随
p {
padding-top: 5px;
padding-bottom: 5px;
hyphens: auto;
text-align: justify;
text-justify: newspaper;
}
--
以下是页面链接:
在桌面上,这个视图很好,但当你在android上用Firefox查看这个时,中间的拉丁文本会得到随机的单词间距,这就是它的样子
我只想让手机上的所有边距、填充、字体大小、间距等都和桌面上的一样,互联网上没有一个页面可以解释如何做到这一点
CSS
如果你们中有人愿意回答的话,也只是一个杂项问题
页面上的空白白色框,它们的边框在手机上是不可见的,它们在放大时是可见的……奇怪。如果没有android手机进行测试,我最好的猜测是使用该链接,我应用了CSS,它仍然在做同样的事。我找到了原因,它是文本对齐:justify;(我已经申请了p)。为什么会这样做?是否有解决方法?您应该编辑问题,以便它清楚地表达问题所在。现在,问题不包含实际导致问题的代码。抱歉,帖子现在已编辑。这似乎是justify的一个众所周知的问题,因为它在某些浏览器上以不同的方式向单词添加缩进。我没有找到任何解决办法。
body {
font-weight:normal;
font-family:times new roman, times, serif;
font-size: 1em;
-webkit-text-size-adjust: 1em; /* fix for opera */
word-spacing: 0em;
letter-spacing: 0em;
}
#content { /* contains the latin text */
font-family: Karla; /* imported with google fonts */
font-size: 1.2em; /* maybe this is wrong? */
padding: 10px 10px 10px 10px;
color: rgb(98,125,77);
}