Я изучаю медиа-запрос.Я пытаюсь дать разную ширину для разных устройств с этой веб-страницы.Я собираю 6 медиа-запросов (без Samsung Galaxy, это я сделаю позже…), но они переопределяют мой рабочий стол и Nexus Portrait.
Медиа-запрос для этих устройств;
/* My Desktop 1280 x 1024 */
@media only screen and (min-width: 65em) and (max-width: 80em) {
body {
/* Tablet iPad 4 generation & iPad air, Portrait */
@media only screen and (max-width: 64em) and (orientation: portrait) {
/* Nokia Lumia 920 */
@media only screen and (max-width : 47.5em) and (orientation : portrait) {
/* Tablet Nexus 7 (Portrait) */
@media only screen and (max-width: 38em) and (orientation: portrait){
/* Smartphones iPhone 3-4-5(Portrait) */
@media screen and (min-width: 20em)
and (max-width: 30em)
and (orientation: portrait){
Здесь весь код медиазапроса от tablet_index.css .
Мета-теги;
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Я использую PHP-код для импорта / включения вФайл CSS;
<style>
<?php
include 'CSS/me.css';
include 'CSS/tablet_index.css';
?>
</style>
Я с Недели, кто пытается показать их ..., может кто-нибудь, помогите мне решить эту проблему, очень спасибо!