Salve a tutti!
Avrei bisogno di un aiuto... Sto cercando di fare in modo che, un sito disegnato per il web, sullo smartphone mi carichi un foglio di stile diverso e non quello del web... Però non funziona. Il codice nell'head è il seguente:
codice HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<link href="reset.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" media="all and (max-device-width: 400px) and (orientation:portrait)" href="phone.css" type="text/css" /><link href="scarpasoun.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>
Ora... Ho provato a mettere il link a phone.css subito dopo il reset ma nulla. Ho provato a mettere anche nel css per il web un min-device-width per dirgli "da quella larghezza del device applica quel foglio di stile"... Ma nulla. Non me lo prende, quindi mi chiedevo... Cosa sbaglio? E' la prima volta che provo e devo non aver afferrato qualcosa

Grazie a tutti in anticipo