因为加载图像可能需要几秒钟（或者根本不需要），所以请使用图像容器指定精确大小的容器，这样布局就不会因为图像加载或图像错误而中断。

使用Size属性可以设置几个固定大小值，@Size.Square16,@Size.Square24,@Size.Square32,@Size.Square48,@Size.Square64,@Size.Square96,@Size.Square128

<Image Size="Size.Square128">
    <img src="images/image-placeholder.jpg" />
</Image>

<Image Size="Size.Square128">
    <img class="@B.Rounded" src="images/image-placeholder.jpg"/>
</Image>

如果您不知道确切的尺寸，而是知道比率，则可以使用Ratio属性，有16个比率修改器，其中包括静态照片中常见的纵横比

唯一的要求是父元素已经具有特定的宽度。

默认情况图像容器通常会占据整个宽度，同时保持最佳比例。如果不是，则可以通过属性IsFullwidth来强制使用它。

Image的Ratio特性可以包含除了img外的任何其他元素，只需要在元素上加"has-ratio"类即可，或者用"B.Ratio"