带小数位的百分比、像素测试页面

例子1

huge 1
huge 2
Container

huge 1 在CSS中设置成:

huge 2 在CSS中设置成:

浏览器渲染后的 huge 1 的百分比宽度是:

浏览器渲染后的 huge 2 的百分比宽度是:

渲染后的小数位保留到:

例子2

Box 2-1
Box 2-2
Box 2-3
Container

box 2-1 的宽度设置成: 620.4px
box 2-2 的宽度设置成: 620.5px
box 2-3 的宽度设置成: 620.6px

浏览器渲染后的 box 2-1 的宽度是: px
浏览器渲染后的 box 2-2 的宽度是: px
浏览器渲染后的 box 2-3 的宽度是: px

例子3

container 宽度: px

Box 3
Container

box 3 的宽度设置为:

采用原始的百分比手工计算 box 3 的宽度为:
( / 100) x

采用浏览器处理后的百分比手工计算 box 3 的宽度为:
( / 100) x

浏览器渲染后的 box 3 的宽度是: px

渲染后的小数位保留到:

例子4

container 宽度: px

Box 4
Container

box 4 的宽度设置为:

采用原始的百分比手工计算 box 4 的宽度为:
( / 100) x

采用浏览器处理后的百分比手工计算 box 4 的宽度为:
( / 100) x

浏览器渲染后的 box 4 的宽度是: px

渲染后的小数位保留到:

例子5

container 宽度: px

Box 5
Container

box 5 的宽度设置为:

采用原始的百分比手工计算 box 5 的宽度为:
( / 100) x

采用浏览器处理后的百分比手工计算 box 5 的宽度为:
( / 100) x

浏览器渲染后的 box 5 的宽度是: px

渲染后的小数位保留到:

例子6

container 宽度: px

Box 6
Container

box 6 的宽度设置为:

采用原始的百分比手工计算 box 6 的宽度为:
( / 100) x

采用浏览器处理后的百分比手工计算 box 6 的宽度为:
( / 100) x

浏览器渲染后的 box 6 的宽度是: px

渲染后的小数位保留到: