我找到了原因,它是 text-align: justify; (我已应用于 p)。为什么会这样做,是否有解决方法?– NullBy7e 刚刚编辑
p {
padding-top: 5px;
padding-bottom: 5px;
hyphens: auto;
text-align: justify;
text-justify: newspaper;
}
--
这是页面链接: http: //vizionx.eu/ 在桌面上这个视图很好,但是当你在 android 上用 Firefox 浏览这个时,中间的拉丁文本会得到随机的字间距,这就是它的样子。
我只希望移动设备上的所有边距、填充、字体大小、间距等与桌面设备上的相同,互联网上的任何地方都没有一个页面可以解释如何实现这一点。
CSS
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);
}
也只是一个杂项问题,如果你们中的任何人愿意回答。
页面上的空白框,它们的边框在移动设备上是不可见的,它们在放大时变得可见......奇怪。