0

我找到了原因,它是 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);
}

也只是一个杂项问题,如果你们中的任何人愿意回答。

页面上的空白框,它们的边框在移动设备上是不可见的,它们在放大时变得可见......奇怪。

4

0 回答 0