WordPress只能在移动设备上全屏显示alignwide图片吗？

Question

我正在使用宽对齐的Wordpress Gutenberg图像块。理想情况下，我希望它们在移动设备上做到一臂之力（例如alignfull样式）。我已经尝试过从我能找到的所有内容中删除填充和边距，但是除非我从site-content div中删除所有的边距/边距（这也会使文本紧靠视口边缘），否则仍然会获得少量利润。

a sample page

此CSS无效，但我不确定为什么：

.site-content > *:not( .alignwide ):not( .alignfull ) {padding-left:20px; padding-right:20px;}

Answer 1

我认为这可能是一种更好的方法。在面向移动设备的媒体查询中，您希望定位.entry-content .alignwide类，以便覆盖已存在的内容。

尝试一下：

.entry-content .alignwide {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}