我正在尝试对特定的 div应用边界半径效果。我使用的代码是这样的:
/* Multiple compatibility with border radius */
/* CSS 3 */
border-radius: 50%;
/* Firefox versiones 3.x */
-moz-border-radius: 50%;
/* Safari desde 3.2 hasta la 4 */
-webkit-border-radius: 50%;
/* Khtml Conqueror */
-khtml-border-radius: 50%;
有了这个,我模拟了一个圆圈:D!从那里开始,一切都很好。我写了几行以适应不同的分辨率,但今天我在使用父亲的电脑时发现了一些东西。
我使用的是 22 英寸的全高清屏幕。我父亲有一个 17 英寸的屏幕。我在我的 22 英寸屏幕上尝试了不同分辨率的设计,它们是正确的。但是当我走到我父亲的 17 英寸显示器并打开我的网站时,我的圈子看起来像个鸡蛋!我猜怎么可能!我用我的 22 英寸显示器确保了我的设计,并且所有这些显示器,从 800 x 600 到 1920 x 1080,设计看起来都是正确的。
当然,我立刻想到应该是显示器的宽度。当我使用 % 来定位我的网页时,它使圆圈看起来像鸡蛋。但我不确定改变这个 % 是否会解决这个问题并产生另一个问题,因为我改变了它。
那么,我怎样才能让我的圆圈看起来像不同屏幕英寸的圆圈呢?
谢谢!
编辑:
好的,我编辑了这篇文章,因为它并没有澄清一切。我父亲的分辨率:1024 x 768。我在我的 22 英寸屏幕上试了一下,它看起来很完美。但是当我走到17英寸的屏幕上时,它们又是鸡蛋了!>_<
在这里我粘贴鸡蛋的截图:
抱歉,使用工具栏等...
我确保它们在 22 英寸屏幕上看起来像圆圈......
编辑
我将这两个属性都更改为 16%。现在看起来像这样:
现在......我有点迷路了。我想我可能会再次查看我的代码...