有可能做这样的事情
max-width: calc(max(500px, 100% - 80px))
Run Code Online (Sandbox Code Playgroud)
要么
max-width: max(500px, calc(100% - 80px)))
Run Code Online (Sandbox Code Playgroud)
在CSS?
我有一个名为site-title的div,它保留了我网站的标题.我想使用CSS在标题的左侧添加图像.我可以这样做:
.site-title::before {
content: "";
background: url("logo.jpg");
background-size: 200px 200px;
position: absolute;
width: 200px;
height: 200px;
}
Run Code Online (Sandbox Code Playgroud)
这个工作正常,我添加了一些填充标题,等等.但图像是200px x 200px,并不随页面缩放.当它不再合适时,我希望它变得更小.我怎样才能做到这一点?
顺便说一句,这是一个关于Wordpress网站的黑客攻击.我想使用上面的CSS技巧来避免不得不处理PHP等.
编辑:刚刚删除了float:left;