Path: csiph.com!aioe.org!.POSTED!not-for-mail
From: carmelo <carmelo.giu@alice.it>
Newsgroups: it.comp.lang.javascript
Subject: @media screen e responsive
Date: Wed, 5 Apr 2017 14:36:33 +0200
Organization: Aioe.org NNTP Server
Lines: 17
Message-ID: <oc2och$1suc$1@gioia.aioe.org>
NNTP-Posting-Host: wz1a+fd9qUKlluGv7e3ZWw.user.gioia.aioe.org
Mime-Version: 1.0
Content-Type: text/plain; charset=iso-8859-15; format=flowed
Content-Transfer-Encoding: 8bit
X-Complaints-To: abuse@aioe.org
User-Agent: Mozilla/5.0 (Windows NT 10.0; rv:45.0) Gecko/20100101 Thunderbird/45.8.0
X-Notice: Filtered by postfilter v. 0.8.2
X-Mozilla-News-Host: news://news.motzarella.org:119
Xref: csiph.com it.comp.lang.javascript:8196

Secondo alcuni per fare una pagina web responsive bisogna rendere i 
fonts scalabili con unità di misura em e non px

body {font-size: 100%;} e quindi applicare font-size: ...em;

Vero?

Ho letto di non usare device tra min e max perchè non è necessario.

Ho provato questa riga su mobili più piccoli di iPhone 6 ma non funziona
@media screen and (min-width: 300px) and (max-width: 320px){
	.side-menu {
		font-size: 0.6em;
	}
}

Carmelo