Я использую следующий код в верхней части моего документа:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<link href="<?php bloginfo('template_url'); ?>/css/960-12-15-15-fluid.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_url'); ?>/css/gsfest.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_url'); ?>/css/gsfest-tablet-portrait.css" rel="stylesheet" type="text/css" media="screen and (max-width: 768px)" />
<!--<link href="<?php bloginfo('template_url'); ?>/css/gsfest-smartphone-landscape.css" rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" />-->
<link href="<?php bloginfo('template_url'); ?>/css/gsfest-smartphone-portrait.css" rel="stylesheet" type="text/css" media="screen and (max-width: 320px)" />
</head>
Отзывчивый CSS отлично загружается при просмотре на мобильном устройстве, а также в представлении адаптивного дизайна в FF, но когда я просто пытаюсь изменить размер браузера в FF или Chrome, он остается с макетом рабочего стола.
Кто-нибудь знает, почему? Я использую тот же код, который я всегда использую, и у меня не было этой проблемы в прошлом, если только я не забыл включить что-то