使用响应式 wordpress 主题，但内容在移动版本的左侧被截断
using responsive wordpress theme but content is cut off on left side in mobile versions
我使用响应式主题制作了一个 wordpress 网站 "hueman"。
为了整合内容，我使用了插件 "pixgridder"（不知道这是否相关）
为了测试网站和所有设备，我使用这个工具：quirktools.com/screenfly
我的网站是：http://www.traumbad-muenchen.de
在上面提到的工具中测试站点 http://traumbad-muenchen.de/portfolio/ 时，我可以看到对于 apple I phone 5，内容在左侧被截断，而页面标题显示正确。
我试图找出 firebug 等问题，但找不到使内容看起来像页面标题的方法，这意味着不会被切断。
我尝试使用不同的设置 redarding padding 和 margin，但每当我这样做时，内容也会在桌面版本上移动到中间，因此这些版本看起来很愚蠢。
我想要实现的是内容的边缘总是从页面标题的边缘开始。我在显示页面标题时没有任何问题。
如果有人能帮助我，将不胜感激。
非常感谢
问题是因为没有填充。
您可以通过在第 171 行的 responsive.css 中添加 padding-left 来解决这个问题。
变化：
.entry { font-size: 15px; }
至
.entry { font-size: 15px; padding-left:10px;}
就我而言，我必须向跨度设置添加填充。一种简单的解决方案是将网站加载到 'website responsive testing' 站点，然后尝试使用浏览器上的 'inspect element' 来解决您的问题。
我使用响应式主题制作了一个 wordpress 网站 "hueman"。 为了整合内容，我使用了插件 "pixgridder"（不知道这是否相关） 为了测试网站和所有设备，我使用这个工具：quirktools.com/screenfly
我的网站是：http://www.traumbad-muenchen.de 在上面提到的工具中测试站点 http://traumbad-muenchen.de/portfolio/ 时，我可以看到对于 apple I phone 5，内容在左侧被截断，而页面标题显示正确。
我试图找出 firebug 等问题，但找不到使内容看起来像页面标题的方法，这意味着不会被切断。
我尝试使用不同的设置 redarding padding 和 margin，但每当我这样做时，内容也会在桌面版本上移动到中间，因此这些版本看起来很愚蠢。
我想要实现的是内容的边缘总是从页面标题的边缘开始。我在显示页面标题时没有任何问题。
如果有人能帮助我，将不胜感激。
非常感谢
问题是因为没有填充。
您可以通过在第 171 行的 responsive.css 中添加 padding-left 来解决这个问题。
变化：
.entry { font-size: 15px; }
至
.entry { font-size: 15px; padding-left:10px;}
就我而言，我必须向跨度设置添加填充。一种简单的解决方案是将网站加载到 'website responsive testing' 站点，然后尝试使用浏览器上的 'inspect element' 来解决您的问题。