1

HTMLとCSSで簡単なWebサイトを作っていて、divサークルを作っています。ブラウザーのサイズを変更すると、一方の方向が他方の方向よりも引き伸ばされます。真円のままにすることは可能ですか？もしそうなら、どのように？

現在、これはサークルのコードです。

#circle
{
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
background-color: #B64926;
width: 60%;
height: 60%;
max-width: 70%;
max-height: 70%;
min-width: 30%;
min-height: 30%;
display: block;
position: fixed;
text-align: center;
}
4

2 に答える 2

-1

次のように、div の高さと幅を手動で設定できます。

<html>
<style>
.circle {
        height: 20px;
        width: 20px;
        background: red;
        border-radius: 100%;
}
</style>
<body><div class="circle"></div></body>
</html>
于 2013-06-19T19:24:05.280 に答える