2014-10-29 186 views
0

我只想在移动版中显示桌面版本而不做任何更改。我添加了下面的代码如何在移动设备上显示桌面版网站?

<meta name="viewport" content="width=device-width, initial-scale=0" /> or 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 

它的工作,但不是100%。

以下是桌面和手机的屏幕截图。

桌面版 Desktop Version

手机版

enter image description here

你能告诉我如何解决这个问题。我只是想展示像桌面一样的东西。

假设,如果你不能找到截图的问题,我告诉你什么问题

“晚餐,Bridals,聚会,节日派对,企业活动,&路演”在旗帜下运行移动。

感谢所有

+0

你可以给桌面网址? – 2014-10-29 18:46:10

+0

谢谢,这里是网址http://nailtitude.com.sg/ – 2014-10-29 18:47:44

+0

你明白我的问题? – 2014-10-29 18:51:13

回答

0

我不知道它对您有多大帮助。

通常在这种情况下"The image is floating so text will naturally wrap under it."

1.去除视口元

< meta name="viewport" content="width=device-width, initial-scale=0" />

  • 的类添加到体

  • add media querie小号

  • 例如

    .page-wrap { width: 80%; } 
    
    @media (max-width: 600px) { 
        .resp .page-wrap { width: 100%; } 
    } 
    

    参考

    http://css-tricks.com/user-opt-out-responsive-design/

    相关问题