反应大纲？ - 视觉作曲家

Question

我尝试创建附图中的轮廓： 到目前为止一切顺利，轮廓工作和轮廓偏移也是如此。

但是：在目前的状态下，它没有任何反应。

有什么方法可以将轮廓偏移设置为百分比？

目前的解决方案：

outline: 5px solid #ccc;
outline-offset: -50px;

Answer 1

您可以对vh使用vw和outline-offset单位（了解更多here）。 所以你的解决方案将成为

outline: 5px solid #ccc;
outline-offset -5vw;

解决方案并不理想，但您可以调整某些视口宽度范围内的值。