移动显示桌面网站的版本

时间:2015-11-02 15:56:30

标签: html css responsive-design

http://www.thirdavenuespa.com/

有人可以指出我正确的方向,以弄清楚为什么这个页面似乎显示相同内容的2个版本?在移动设备上查看时,您将看到重复的内容,一次是正确的移动格式,然后再次作为桌面版本。

这是从主标题图像到" Aveda"标志。

如果我在该部分添加一些测试文本,它只显示在移动格式化版本中,而桌面版本保持不变。页面中只有该内容的一个副本!

<!--banner-->
<div class="banner">
 <img src="images/banner.jpg" width="1200" height="698" alt="">
 <div class="banwrap">
 <div class="container">
 <div class="baninfo">

<h1>Refined <span style="font-family: 'Montserrat', sans-serif; font-weight: regular;">&</span> Distinct</h1>
 <div align="center"><p style="font-size: 20px;">stimulate . nurture . educate</p></div>
 </div>
 </div>
</div>
</div>
<!--banner ends-->  

2 个答案:

答案 0 :(得分:0)

在您的图片库中有一个网站图片。屏幕截图。这是因为网站重复出现的原因。你有这个网站。然后是该网站的照片。

答案 1 :(得分:0)

这只是你们中的一张照片从你们的Instagram上传来。它看起来有点奇怪,只是因为它是您网站桌面版的照片。