2016-07-08 9 views
0

私はWordpressで初心者です。簡単な質問があります。WordPressの違いは同じブラウザで表示される - ズームの問題

私は自宅に二つのコンピュータがあります。コンピュータ1とコンピュータ2

コンピュータ1に(大きな画面)を、私のWordpressのサイトは、Chromeで100%のズームに小さいフォントできれいに見えます。 しかし、コンピュータ2(小さい画面)では、私のWordpressサイトは、Chromeで100%ズームで大きな太いフォントで醜いように見えます。ブラウズで75%ズームに変更すると、computer1に表示されているように見えます。

style.cssにコードを書くことができるので、私のサイトや閲覧者がブラウザにズームを入れずに見栄えの良いサイトを見ることができます。

助けてください。

おかげで、

+0

これを確認してください。http://stackoverflow.com/questions/15649244/responsive-font-size – jakob

+0

また、wordpress.stachexchange.comにお問い合わせください。あなたの質問には現在のコードは含まれておらず、例のページへのリンクさえありません。このcurcomstancesでは、あなたを助けるのは難しいです。 – YakovL

+0

これには非常に多くの異なる理由があります。特に、2つの全く異なるマシンを比較している場合は特にそうです。これらのマシンには、さまざまなアクセシビリティオプションが有効になっている場合がありスクリーンは大きくても小さくても...あなたを奇妙に見せてくれる決断かもしれませんか? – Lee

答えて

0

異なるフォントやフォントの改良版を使用してみてください。私はワードプレスの専門家ではありませんが、これが助けてくれることを願っています。例:

@media screen and (max-width: 800px) { 
    @import https:small-screen-font.com 
} 
@media screen and (min-width: 801px) { 
    @import https:big-screen-font.com 
} 
1

CSSのメディアクエリでフォントサイズを制御できます。このような何か:あなたの画面サイズは768pxまたは480PXに達すると

@media (max-width: 768px) { 
    body { 
     font-size: 1.5em; 
    } 
} 

@media (max-width: 480px) { 
    body { 
     font-size: 1em; 
    } 
} 

それは体のフォントサイズを変更します。

関連する問題