wordpress blockquote不适用于移动设备

Question

欢迎。 我在我的网站上使用blockquote，它与计算机一起工作正常。 但是当涉及手机时，存在一个巨大的问题

这是我的blockquote设置：

blockquote p {
font-family: "Playfair Display", serif;
color:#000000;
margin-right:250px;
margin-left:150px;
padding:25px;
font-size: 14px;
line-height: 1.3421052631;
margin-bottom: 51px;
background:#e9eff3;
border-left-color:#87a6bc;
border-left-style:solid;
border-left-width:2px;
border-right-color:#87a6bc;
border-right-style:solid;
border-right-width:2px;
border-bottom-color:#87a6bc;
border-bottom-style:solid;
border-bottom-width:2px;
border-top-color:#87a6bc;
border-top-style:solid;
border-top-width:2px;
}

我认为从上面的描述中可以清楚地看到问题。 但请随意通过自己的测试wwww.abdorefky.com

Answer 1

我看到的问题出现在mediaquery中：

blockquote p {
    font-size: 1em; /* I recommend you to put 1em instead of 34px */
    font-weight: 400;
    line-height: 1;
    margin-bottom: 34px;
    margin-left: 0;  /* add this */
    margin-right: 0; /* add this */
}

如果您将margin-left和margin-right添加到媒体查询中，它应该可以正常工作