Wordpress中Specific Class的用法/图片 full screen width
11.25
结合post编辑中的css specific class,并在custom Css加入样式,即可为特定的block设置自定义样式。
例子
我使用这种方法允许特定图片在移动设备上显示为full screen width,
步骤如下:
选择文章内一个block,自定义类名。
进入Custom Css编辑页面,
编辑如下:
@media screen and (max-width:61.5624em){
.full-width-img{
margin-left:-1.3em;
margin-right:-1.3em;
max-width:150%;
}
}
使用margin-left
和margin-right
负边距使full-width-img类超过负盒子大小(全局边距正好为1.3em),记得加上一个足够大的max-width
。
确认发布后即可生效。
此外也可以设置其他类,比如特定样式的参考文献列表。
比如特定样式的引用。