android - スマートフォン ( android + Firefox ) で単語/文字間隔が異なる

Question

原因がわかりました。それは text-align: justify; です。（私はpに適用しました）。なぜこれを行うのですか?回避策はありますか? – NullBy7e たった今編集

p {
    padding-top: 5px;
    padding-bottom: 5px;
    hyphens: auto;
    text-align: justify; 
    text-justify: newspaper;
}

--

ページ リンクは次のとおりです 。

すべての余白、パディング、フォント サイズ、スペースなどをモバイルでもデスクトップでも同じにしたいだけです。これを実現する方法を説明しているインターネット上のページはどこにもありません。

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);
}

また、雑多な質問ですが、答えていただける方がいらっしゃいましたら教えてください。

ページ上の空の白いボックス、それらの境界線はモバイルでは見えませんが、拡大すると見えるようになります.....奇妙です。