@media print,screen and (max-width: 768px)が作動しない

Webページのスマホ対応で

@media print,screen and (max-width: 768px) {
....
}

を入れてみた。が、全然作動しない。
結果的に以下を追記すれば動作した。

<meta name="viewport" content="width=device-width, initial-scale=1.0">  

各項目の意味はこちらにわかりやすく書かれている。
http://stackoverflow.com/questions/22777734/what-is-initial-scale-user-scalable-minimum-scale-maximum-scale-attribute-in