Search the Community
Showing results for tags '@Mediaб'.
Found 1 result
-
Возникла проблема с @Media запросами - они просто не применяются! Вот 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_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1440x900.css" /> <link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_360x640.css" /><link rel="icon" href="/Black_Hog_Games/images/favic.ico" type="image/x-icon"> <body id="pages"> </body> И не один из привязных документов не работает! Работает только <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> Вот пример кода одного из CSS документов со стилями - остальные такие точно, только цифры другие: @media screen and (min-width: 1280px) and (min-height: 1024px) { #Menu{ display: block; width: 100%; height: 50px; position: absolute; top: 36%; left: 0%; z-index:2;} #Text1 { font-family: Georgia, Arial, Tahoma; font-size: 250%; color: #097AAA; padding-top: 0px; text-align: center;} #Text2 { font-family: Georgia, Arial, Tahoma; font-size: 40px; color: #097AAA; padding-top: 10px; text-align: center;} #Text3 { font-family: Georgia, Arial, Tahoma; font-size: 17px; color: #FFFFFF; padding-top: 25px; padding-left: 15px; height: 115px; width: 840px;}} И в результате ничего Но когда я просматриваю свой сайт через http://quirktools.com и ставлю соответствующие разрешение то все работает Вот на 2 скриншоте Text1 зачеркнут и применен Text1 @Media Так почему же в браузере у меня это не происходит, что не так ? В чем ошибка?
