WordPress的：移动视图无法正常工作|使网站移动友好

-1

我有一个网上商店，基于wordpress，主题为“Mystile”。WordPress的：移动视图无法正常工作|使网站移动友好

我使用自己的HTML和CSS代码创建了许多页面，并且他们在计算机上，每个浏览器和显示大小上看起来都非常好。但是主题的自动移动视图非常显示所有自编码的东西。

例如：我想在主页上放置一些图片，它们放置在彼此之下，用一条简单的线条。所以我使用了HTML代码：

<div style="position: relative; bottom: 10px;">___________________________________________________________________________________________________________________</div>

该生产线具有完全正确的长度分离看起来不错。但当然，网站的移动视图的宽度远远小于桌面视图，因此这条分隔线在智能手机上看起来很糟糕。

在其他主题移动视图上，您可以明确地注意到已定义的视图宽度，因此我的分隔线只显示适合移动视图的长度。在我目前的主题中，情况并非如此，移动视图似乎只是整个网站的一种转换，而不是一个明确定义的内容显示框。

我真的坚持在这里，因为网站是完成编码，它看起来非常好，在任何显示器尺寸等电脑上。只有移动视图是问题所在。

我该怎么办？

来源

2015-02-23 zander

你应该使用''

而不是所有的强调 – ByteHamster 2015-02-23 21:56:53

的是，一个div满下划线的？尝试使用'

'代替。 – 2015-02-23 21:56:58

@Zander，你不应该用新的问题替换原来的问题。所有给出的答案现在都不相关，尽管他们解决了你的问题。我建议撤消编辑，并在新主题中提出新问题。接受解决您的问题的答案也可以帮助其他用户。 – Berendschot 2015-02-23 22:12:35

而不是使用具有下划线的div，您可以使用<hr/>标记。

在下面的示例中，您可以调整容器大小，并且该行始终为100％宽度。你甚至可以使用CSS来设置线条的样式。

div { 
 
    background: #F7F7F7; 
 
    border: 1px solid black; 
 
    padding: 24px; 
 
    overflow: auto; 
 
    resize: horizontal; 
 
    width: 200px; 
 
} 
 
img { 
 
    width: 100%; 
 
    height: auto; 
 
}

<div> 
 
    <img src="http://lorempixel.com/200/200"> 
 
    <hr/> 
 
    <img src="http://lorempixel.com/200/200"> 
 
</div>

来源

2015-02-23 22:00:44 Berendschot

WordPress的：移动视图无法正常工作|使网站移动友好

回答

相关问题