如何讓頭像的圓在不同寬度下大小不同?

我們應該遇到過這種情況: 在做有頭像的時候,想讓頭像的背景圓,在不同設備上顯示不同的大小,但是始終保持一個圓?應該怎麼做? 解決方式: 1.js控制 獲取屏幕的寬度來進行控制 還要使用js好麻煩 2.媒體查詢 @media 不能自動改變,在一段限制內保持 3.使用css中vw單位 vw：viewpoint width，視窗寬度，1vw等於視窗寬度的1%。vh：viewpoint height，視窗

>>阅读原文<<