wordpress 文本区域问题（仅影响手机）

Question

我有一个只影响手机的填充问题。

这个问题的原因是众所周知的，但是如何在不影响计算机预览的情况下解决这个问题。

这是嫌疑人

    .entry-content,
.entry-summary {
    margin-top: 20px;
    max-width:1000px;
    width: 100%;
    float: none; /* i don't know if this affect any thing */
    **float: none!important;** 
    **padding-left:150px !important;**    
               }

这里是桌面预览，以便您了解填充背后的原因。

它看起来像一般设置中的填充。 那么可以做些什么来解决这个问题呢？ 将填充线重新分配给更具体的功能？ 或者别的什么。

Answer 1

看来您自己发现了问题。填充应用于移动页面。

解决方法是使用媒体查询来确定用户是否在桌面上查看。如果是，则将填充添加到元素。

首先从元素的主要样式中删除填充

.entry-content,
  .entry-summary {
    margin-top: 20px;
    max-width:1000px;
    width: 100%;
    float: none; /* i don't know if this affect any thing */
    **float: none!important;**   
  }  

并在样式表中添加类似的内容

@media only screen  and (min-width : 1224px) {
  .entry-content, .entry-summary {
    padding-left: 150px;
}

只有在屏幕宽度大于 1224 像素（基本上是桌面）时才应用 padding-left。

不过，更好的解决方案是更改元素，这样就不需要左填充来将文本定位在右侧。但这是一个 HTML 问题，我没有足够的信息来帮助您解决这个问题。