สอบถามวิธีการทำให้ตัว border เป็น responsive ครับ

[ewqolf]

ผมจะทำอย่างไรให้ตัวเส้นขอบหรือว่า border เป็น responsive ได้บ้างครับ

โค้ด: เลือกทั้งหมด

top:auto;
left:auto;
margin: 1%;
width: 10%;
height: 10%;
border-radius: 50%;
position: absolute;
border: 4px solid #52188F;
cursor: pointer;
background-color: #9551DB;

image_2023-01-27_150027495.png (4.92 KiB) Viewed 1426 times

ครับซึ่งผมได้ทดลองการใช้งาน % แทนที่ 4px แล้วแต่ตัว border มันหายไปเลยครับ

image_2023-01-27_150059159.png (3.66 KiB) Viewed 1426 times

image_2023-01-27_150130892.png (8.48 KiB) Viewed 1426 times

ผมได้ทดลองใช้ vw แล้วครับซึ่งการ responsive คู่กับตัวอื่นๆที่ใช้เปอร์เซ้นมันไม่ย่อขยายไม่สำพันธ์กันครับ

จอเล็ก

image_2023-01-27_150328675.png (4.8 KiB) Viewed 1426 times

จอใหญ่

image_2023-01-27_150341269.png (4.88 KiB) Viewed 1426 times

มีวิธีอื่นๆที่จะทำให้เส้นขอบนั้นขยายและหดได้แบบอื่นอีกไหมครับ