2014-10-29 215 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/

    相關問題