Html CSS3框阴影大小(按百分比)

Html CSS3框阴影大小(按百分比),html,css,Html,Css,是否可以按百分比设置长方体阴影大小和偏移?我目前使用这样一个类,但放大会改变它的大小和距离: .shadowright { -webkit-box-shadow: 5px 5px 10px #454545; -moz-box-shadow: 5px 5px 10px #454545; -o-box-shadow: 5px 5px 10px #454545; box-shadow: 5px 5px 10px #4545

是否可以按百分比设置长方体阴影大小和偏移?我目前使用这样一个类,但放大会改变它的大小和距离:

    .shadowright
    {
        -webkit-box-shadow: 5px 5px 10px #454545;
        -moz-box-shadow: 5px 5px 10px #454545;
        -o-box-shadow: 5px 5px 10px #454545;
        box-shadow: 5px 5px 10px #454545;             
    }
否。根据:

计算值:任何
制成绝对;任何指定的颜色;另有规定

我的。相对值(百分比)不起作用。

否。根据:

计算值:任何
制成绝对;任何指定的颜色;另有规定


我的。相对值(百分比)不起作用。

在谷歌上搜索我心目中的更好的解决方案,适用于所有正在寻找可能解决方案的人

.shadowright
{
  width: 20%;
  font-size: 20vw; // if you want the box-shadow to equal it's width
  box-shadow: 1em 1em 1em red;
}

我在谷歌上寻找一个更好的解决方案,这是我心中的想法,对每个正在寻找可能的解决方案的人来说

.shadowright
{
  width: 20%;
  font-size: 20vw; // if you want the box-shadow to equal it's width
  box-shadow: 1em 1em 1em red;
}

我不明白你在问什么,如果你放大它放大一切,你想发生什么?嗯。。以前从未尝试过使用百分比来进行此操作。你有没有尝试过媒体查询?放大对我来说似乎没什么奇怪的。它就像其他东西一样可以缩放。我正在尝试开发一个随浏览器窗口大小缩放的流体布局。由于所有指标都是百分比,放大或缩小并不会放大或缩小元素;只有重新调整浏览器窗口的大小才能做到这一点。但放大时,长方体阴影大小和距离会自行扩大和缩小。不管怎么说,似乎用EM代替PX效果很好。你需要媒体查询和特定于媒体的css。我不明白你在问什么,如果你放大它会放大一切,你想发生什么?嗯。。以前从未尝试过使用百分比来进行此操作。你有没有尝试过媒体查询?放大对我来说似乎没什么奇怪的。它就像其他东西一样可以缩放。我正在尝试开发一个随浏览器窗口大小缩放的流体布局。由于所有指标都是百分比,放大或缩小并不会放大或缩小元素;只有重新调整浏览器窗口的大小才能做到这一点。但放大时,长方体阴影大小和距离会自行扩大和缩小。不管怎么说,似乎用EM代替PX效果很好。你需要媒体查询和特定于媒体的css来回答这个问题。简短回答:不。长回答:
EM
是可伸缩的,但在相同意义上它不是相对的
EM
固定为当前字体大小。如果更改字体大小,将重新声明
EM
。根据定义,百分比总是与其他事物相关的,不能独立存在。相反,默认情况下,
1em
等于
12px
(字体大小)。换句话说,
EM
是一个变量;谢谢你的回答。它之所以能够工作,是因为有一个JavaScript函数,每当客户端区域重新调整大小时,它都会重新调整字体的大小。不过,这是一个可以接受的解决方案。我需要澄清(为了我自己),上面的注释应该是
16px
,而不是
12px
。我把浏览器默认的
字体大小与文本文档的字体大小搞混了。@iSofia问得好。简短回答:不。长回答:
EM
是可伸缩的,但在相同意义上它不是相对的
EM
固定为当前字体大小。如果更改字体大小,将重新声明
EM
。根据定义,百分比总是与其他事物相关的,不能独立存在。相反,默认情况下,
1em
等于
12px
(字体大小)。换句话说,
EM
是一个变量;谢谢你的回答。它之所以能够工作,是因为有一个JavaScript函数,每当客户端区域重新调整大小时,它都会重新调整字体的大小。不过,这是一个可以接受的解决方案。我需要澄清(为了我自己),上面的注释应该是
16px
,而不是
12px
。我把浏览器默认的
字体大小与文本文档的字体大小搞混了。我有什么误解吗?我知道在你们的情况下,盒子阴影是20vw偏移量,但20vw不等于20%。为什么你说“如果你想让盒子的阴影和它的宽度相等”?顺便说一句,我认为,对于最初的@iSofia问题,假设他或她希望它是“相对于字体大小”的,那么将它们分配给方框阴影是正确的。我是否误解了什么?我知道在你们的情况下,盒子阴影是20vw偏移量,但20vw不等于20%。为什么你说“如果你想让盒子的阴影和它的宽度相等”?顺便说一句,我认为,对于最初的@iSofia问题,只要将em指定给框阴影是正确的,假设他或她希望它是“相对于字体大小”。