RWD基本設定

網頁初始設置:

<!-- RWD Setting-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">

以下是語法片段:

<meta property="fb:admins" content="">
<meta property="fb:app_id" content="ID編號">
<meta property="og:locale" content="zh_TW">
<meta property="og:type" content="website">
<meta property="og:site_name" content="網站名稱">
<meta property="og:url" content="http://www.xxxx.com.tw">
<meta property="og:title" content="網站名稱">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content="">
    
<title>網站名稱</title>

<link rel="shortcut icon" href="/images/favicon.ico">

最後面,針對IE9瀏覽器之前的版本去做支援設定。

<!-- IE9 以下的 IE 可正常執行 HTML5 -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

基本傳統靜態網頁支援手機版網頁顯示,需具備的HTML語法設置方式!

2 thoughts on “RWD基本設定”

發佈回覆給「yenchen」的留言 Cancel Reply

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料