2014-01-18 6 views
0

Я настроил рабочий стол & мобильный Css, я поставил Рабочий стол на index.html и мобильный на m.index.html, но Рабочий стол подходит как на рабочем столе, так и на ноутбуке и мобильном . Как я могу заставить мобильный работатьМобильный Css & Desktop Css настройка

+0

Как вы включая CSS ? –

+0

и вы уверены, что на самом деле нажимаете m.index.html? –

+0

Когда я загружаю m.index.html im see mobile.css и reset.css Когда я загружаю index.html, я вижу desktop.css и reset.css –

ответ

0

Вам не нужны отдельные файлы html и css.

Добавить видовых мета-тег, как Seth McClaine предложил в <head> элемент вашего HTML, и использовать media queries для отдельного CSS для планшета/мобильного телефона: -) - вроде как это:

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

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

// desktop css .foo { width: 1000px; } // Мобильный .css: @media (max-width: 600px) { .foo { ширина: 500px; } } – user3208769

+0

это не работает для меня – user3208769

Смежные вопросы