Search the Community
Showing results for tags 'Несколько CSS'.
Found 1 result
-
Требуется что бы в зависимости от разного разрешения экрана менялись элементы на сайте, при этом я пытался привязать несколько CSS к одному HTML: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x768.css" /> Документы привязались и все шло хорошо, пока не потребовалось межу ними переключаться: При проверке возникала путаница - включался не тот CSS, а самый первый - CSS_1024x600.css, а иногда подключеные CSS вообще отключались и работал только самый стандартный -/_st/my.css. Как сделать что бы в зависимости от размера экрана включался нужный CSS? Вот код CSS: @media only screen and (max-width: 1024px), and (max-height: 600px){ #Menu{ display: block; width: 100%; height: 50px; position: absolute; top: 27%; left: 0%; z-index:2;} #Home { display: block; width: 130px; height: 40px; float:left; padding-top: 2px; padding-left: 40px; }} @media only screen and (max-width: 1024px), and (max-height: 768px){ #Menu{ display: block; width: 100%; height: 50px; position: absolute; top: 20%; left: 0%; z-index:2;} #Home { display: block; width: 125px; height: 35px; float:left; padding-top: 2px; padding-left: 35px; }} В добавок ко всему он вместо @media only screen and (max-width: 1024px), and (max-height: 600px){ отображает @media only screen and (max-width: 1024px), not all
