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-leftmargin-right负边距使full-width-img类超过负盒子大小(全局边距正好为1.3em),记得加上一个足够大的max-width

确认发布后即可生效。

此外也可以设置其他类,比如特定样式的参考文献列表。

比如特定样式的引用。

本文链接:

https://wiki.ohiyox.in/archives/19/
1 + 4 =
快来做第一个评论的人吧~