網頁通常需要適配PC端和移動端，適配可以通過響應式布局判斷屏幕尺寸來展示不同的效果，還可以通過編寫兩個頁面，也就是PC端和移動端分別寫一個頁面，這種方式更方便功能模塊的編寫。
通常情況下，PC端域名使用www，而移動端域名使用m，在編寫PC和移動兩個頁面時，在實際頁面加載時要加載到對應的頁面，所以需要判斷設備的類型，讓搜索引擎和瀏覽器知道，PC端用戶應該訪問哪個頁面，移動端用戶應該訪問哪個頁面。
自適應頁面，在頁面頭部添加一行：<meta name="applicable-device" content="pc,mobile">
PC頁面，在頁面頭部添加一行：<meta http-equiv="mobile-agent" content="format=xhtml; url=https://m.你的網站.com/">
PC頁面，在頁面底部增加Javascript代碼，將移動設備訪問流量跳轉到移動網站，例如： <script> !function () { var devices = ["iPhone","Android","Windows Phone"] var ua = window.navigator.userAgent for (var i = 0; i < devices.length; i++) { if (ua.indexOf(devices[i]) != -1) { window.location.href = 'https://www.你的網站.com' } } }() </script>
