如何將移動網站鏈接到我的PC版網站

我已經爲朋友構建了一個網頁，並且它在PC上看起來很棒，但是當在設備上觀看時，事物重疊並且看起來很可怕。我爲移動設備構建了一個更簡單的響應式版本。如何在通過移動設備訪問網站時編寫移動版本？我在我的頁面中使用html和css，並將ftp客戶端作爲filezilla。感謝您的幫助，我在網上進行了研究，但發現各地都有各種各樣的答案，從來沒有直接的答案。也許我沒有正確地問這個問題？如何將移動網站鏈接到我的PC版網站

來源

2017-06-19 T.Murrell

請澄清您的具體問題或添加其他詳細信息，以確切地突出顯示您的需求。正如它目前所寫，很難確切地說出你在問什麼。請參閱[如何提問]（https://stackoverflow.com/help/how-to-ask）頁面以獲得澄清此問題的幫助。 **注**，尋求幫助的問題（「**爲什麼不是，或如何使這個代碼工作？」）必須包含_ **最短的代碼** _來重現它**自問**。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – LGSon

您應該使用媒體查詢來定義使用哪個css。例如：

<link rel="stylesheet" media="(max-width: 800px)" href="mobile.css" /> 
<link rel="stylesheet" media="(max-width: 1800px)" href="computer.css" />

來源

2017-06-19 13:08:34

假設你想自動重定向從您的桌面網站，移動網站，如果它是從移動設備訪問，最簡單的方法是使用JavaScript

做

<script type="text/javascript"> 
if (screen.width <= 768) { 
document.location = "YOUR-MOBILE-SITE.com"; 
} 
</script>

它通過檢查瀏覽器頁面寬度來工作，如果低於768px（通常移動用戶的寬度小於它），它將重定向到您的移動網站。或者，如果您只更改網站上的CSS（沒有徹底的HTML更改），則可以使用代碼樣式表而不是重定向，因此它會在移動網站上加載移動設備優化的css文件，而不是進行此類重定向：

<!-- Desktop CSS File --> 
<link rel="stylesheet" href="screen.css" media="screen"/> 
<!-- Mobile CSS File --> 
<link rel="stylesheet" href="handheld.css" media="handheld"/>

來源

2017-06-19 13:18:04

感謝大家的幫助！運行平穩。這是一個非常簡單的網站給朋友，但請查看@ cobrasvg.com。再次感謝。 –

如何將移動網站鏈接到我的PC版網站

回答

相關問題