0
CSSを使用して同じサイズのサークルを2つ作成しました。デスクトップ画面の出力は、コーディングのようにうまくいきます。しかし、私は電話で出力を見ると、円が重なっています。 VWユニットが反応性の高いページデザインに適していると聞きました。だから私はVWユニットを使用しています。他の技術も歓迎されます。vwユニットを使用してCSSで応答円を作成するにはどうすればよいですか?
HTML:
<div class="circle1"> Hello I am a Circle1 </div>
<div class="circle2"> Hello I am a Circle2 </div>
CSS:何をコードに記述すると、正確に何をしたいに依存する
.circle1
{
width:100px;
height: 100px;
border-radius: 50%;
font-size: 10px;
color:#F7FAF7;
line-height: 100px;
text-align: center;
background:#000;
position: fixed;
top: 0vh;
left: 0vw;
}
.circle2
{
width:100px;
height: 100px;
border-radius: 50%;
font-size: 10px;
color:#F7FAF7;
line-height: 100px;
text-align: center;
background:#000;
position: fixed;
top: 0vh;
left: 8vw;
}
はあなたがデスクトップとモバイルの両方で達成しようとするもののスケッチを作ることはできますか? – murb
私はいくつかの距離を離れていくつかの円が必要です。今私は2つのサークルで試しています。 – nawas
は強制的に位置固定ですか? –