HTML自適應手機屏

似水的流年發表於2017-12-29

在HTML裡面
<head></head>
之間加入

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no”/>
<meta name=”format-detection”content=”telephone=no”>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
<style type=”text/css”>*{margin:0;padding:0; border:0;}</style>

特別要注意:
自適應螢幕以後,所有字型不可用 畫素(px) ,否則字型將會很大或者很奇怪,可以用 em 來調節字型大小。


相關文章