200×120的盒子写160px圆角，实际半径是多少

操作步骤

1. 打开CSS椭圆圆角核对，点击恢复160px重叠示例。盒子宽200、高120，单位px，四角水平和垂直半径均160。
2. 查看统一缩放系数0.375，四角实际使用半径均为水平60px、垂直60px。预览是一枚两端圆弧的横向胶囊。
3. 将单位切为%，数字不会自动换算，160会超限报错。把八个半径都改成50，核对系数1，水平100px、垂直60px，轮廓变成椭圆。
4. 复制或下载CSS，核对斜杠前后各有四个值。将宽度暂改0，确认旧预览和下载隐藏；恢复后再引用输出。

跟着示例试一次

200×120盒子，所有半径160px。横边相邻半径和为320，200÷320=0.625；竖边为120÷320=0.375，取所有边和1中的最小值0.375，所有半径统一乘此值，得到60px。不是每个角独立裁成宽高一半。

.rounded-box {
  box-sizing: border-box;
  width: 200px;
  height: 120px;
  border-radius: 160px 160px 160px 160px / 160px 160px 160px 160px;
}

怎样确认结果正确

默认factor为0.375且八个使用半径均为60。百分比50%模式中，横向基准为宽200，得到100；纵向基准为高120，得到60，系数仍为1。导出保留指定值而非把160改写成60，浏览器会根据盒子尺寸执行缩放。规则依据https://www.w3.org/TR/css-backgrounds-3/#corner-overlap 。

常见问题与边界

四角顺序是左上、右上、右下、左下；斜杠前水平、后垂直。模型仅算无边框盒子的外轮廓，不推算内边框、图片像素或子元素裁剪。百分比随盒子宽高变化，px值也可能因重叠而缩小。仅整数，宽高40–1000、半径0–1000px或0–100%。大尺寸只在预览内滚动；参数仅本页内存处理，不上传或自动保存。