超大圆圈中的小圆圈

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