wordpress文本区域问题（仅影响移动）

Question

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

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

这是嫌犯

let popup = new mapboxgl.Popup()
    .setLngLat()
    .setHTML(
        '<div>lorem ipsum blah blah</div>'
    )
    .addTo(map);

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

它看起来像一般设置中的填充左右。 那么解决问题可以做些什么呢？ 重新分配填充线到更具体的功能？ 或其他什么。

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问题，我没有足够的信息来帮助你解决这个问题。