html wont load css для небольших экранов

У меня проблема, html не загружает css для небольших экранов. У меня есть другие css загруженные без проблем. Те, что работают, имеют фоновое изображение, но одно для небольших экранов шириной менее 500 пикселей не имеет. Он будет иметь только цвет фона. Я попытался масштабировать изображение до 500 пикселей и добавил его в качестве фонового изображения в small.css, и он работает, но я не хочу этого. Пожалуйста, помогите. Вот HTML код:html wont load css для небольших экранов

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-  scale=1.0, initial-scale=1.0" /> 
<title>PROCYCLING | MTB klub</title> 
<link rel="stylesheet" type="text/css" href="mainstyle.css" /> 
<link rel="stylesheet" type="text/css" media="only screen and (min-width:801px) and (max-width:1024px)" href="large.css" /> 
<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and (max-width:800px)" href="medium.css" /> 
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 50px) and (max-width:500px)" href="small.css" /> 
<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
</head> 
<body> 
</body>

Вот CSS без фонового изображения:

@charset "UTF-8"; 
/* Small Content Formatting */ 
body{ 
    color:#6fe123; 
    line-height:1.5em; 
    font-family: Myriad Pro, Arial, Verdana; 
    font-size: 14px; 
    background-color: #2a2a2a; 
}

источник

2013-06-16 youngster

Можете ли вы показать нам small.css? – casraf

здесь без фонового изображения: @charset "UTF-8"; /* Форматирование небольшого содержимого */ корпус { цвет: # 6fe123; line-height: 1.5em; font-family: Myriad Pro, Arial, Verdana; Размер шрифта: 14 пикселей; background-color: # 2a2a2a; } – youngster

Я предлагаю вам начать с комментирования метаданных viewport для тестирования и изменить размер окна браузера вашего рабочего стола ниже ширины 500 пикселей, а затем взглянуть на окно проверки Chrome для этой области. Посмотрите, загружается ли изображение вообще. Не забудьте проверить URL-адрес изображения, чтобы убедиться, что он правильный (опечатка?), И, может быть, вы каким-то образом изменили положение фона? Пока что код, как предполагается, должен работать – casraf

Я понял вопрос в обратном направлении. Я думал, что это не покажет образ, когда он должен. Проблема заключалась в том, что он показывался из-за другого файла CSS, и он не должен отображаться.

В таком случае, это хорошо, чтобы явно указать CSS не использовать фоновое изображение:

background-image: none;

источник

2013-06-16 13:55:44 casraf

html wont load css для небольших экранов

ответ

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