移動Css和桌面Css設置

我設置桌面& mobile Css，我把桌面放在index.html和m.index.html上的移動設備上，但桌面在桌面/筆記本電腦和手機上都會出現。如何讓手機工作移動Css和桌面Css設置

你是如何包括CSS ？ –

，你確定你確實在打m.index.html嗎？ –

當我加載m.index.html即時看到mobile.css和reset.css 當我加載index.html即時看到desktop.css和reset.css –

您不需要單獨的html和css文件。

添加視口元標記爲Seth McClaine建議到HTML <head>元素，並使用media queries針對平板電腦/手機獨立的CSS： - ） - 一種像這樣：

// main css 
.foo { 
    width: 1000px; 
} 

// Mobile: 
@media (max-width: 600px) { 
    .foo { 
    width: 500px; 
    } 
}

2014-01-18 03:00:06 apprenticeDev

//桌面css .foo { 寬度：1000px; } // Mobile .css： @media（max-width：600px）{ .foo { width：500px; } } – user3208769

這不適用於我 – user3208769

回答