css - 超大圈中的小圈

Question

我的目标是确保外圈是总是一个完美的圆圈，但覆盖了整个网络浏览器。

(自动调整以适应网络浏览器的重新调整大小)

http://cssdeck.com/labs/npogghyl

内环需要自行分布均匀分布在外圈内

(如果均匀太难了..至少暂时不要藏在外圈)

Answer 1

我认为单独使用 CSS 是不可能的:

所以这里有一些 jQuery:

function resize() {
  var size = Math.min($(window).width(), $(window).height());
  $('.a1').height(size);
  $('.a1').width(size);
}
$(resize);
$(window).resize(resize);

http://cssdeck.com/labs/ptqgzf1p