2016-07-08 91 views
0

我是WordPress的新手,并且有一个快速问题。WordPress在不同浏览器中的外观 - 缩放问题

我家里有两台电脑:电脑和计算机2

IN电脑(更大的屏幕),我的WordPress网站看起来干净使用Chrome 100%缩放小字体。 但是,在计算机2(较小的屏幕)中,我的Wordpress网站在Chrome浏览器中以100%的缩放比例看起来很丑。当我换到75%的浏览缩放时,它看起来与我在电脑1中看到的相同。

有没有办法我可以在style.css中编写代码,以便我或观众访问我的网站时可以看到好看的网站而不改变浏览器的缩放比例?

请帮忙。

谢谢,

+0

检查此http://stackoverflow.com/questions/15649244/responsive-font-size – jakob

+0

您也可以在wordpress.stachexchange.com询问。您的问题现在不包含任何代码,甚至不包含示例页面的链接。在这种情况下,很难帮助你。 – YakovL

+0

有很多不同的原因,特别是当你比较两个完全不同的机器时。这些机器可能具有不同的辅助功能选项。虽然屏幕更大/更小...可能会导致它们显得很奇怪吗? – Lee

回答

0

尝试使用不同的字体或更好的字体版本。我不是一个WordPress专家,但我希望这有助于。 例如

@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中的媒体查询控制字体大小。事情是这样的:

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

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

它会改变身体的字体大小时,屏幕尺寸达到768px或480像素。