鍍金池/ 問答/HTML5  HTML/ 如何判斷用戶用手機訪問網(wǎng)站時,隱藏某些div模塊?

如何判斷用戶用手機訪問網(wǎng)站時,隱藏某些div模塊?

1、手機那么多型號,蘋果就有5s和6s,如果開發(fā)好的web端要適應(yīng)mobile的手機尺寸,有什么好的方案嗎?
2、如何判斷當用戶從web端轉(zhuǎn)到手機?這個時候我需要隱藏某些div

回答
編輯回答
萌二代

1.用媒體查詢
2.直接使用bootstrap 框架
3.如果需要,也可以用js判斷是不是手機訪問的

2018年1月27日 05:37
編輯回答
司令

1樓、2樓、3樓、4樓的方法都能用;我再補充一個方法,服務(wù)器后端是可以捕獲header頭的,也可以由后端判斷是不是手機訪問后輸出對應(yīng)的前端頁面。

2018年6月1日 10:32
編輯回答
扯機薄

樓上說的都是對的。
變化不大的,做一套,然后媒體查詢之類轉(zhuǎn)換。
變化太大了,PC一套,mobile一套

2017年11月23日 18:03
編輯回答
凝雅

用media媒體查詢,可以分別控制不同屏幕大小的css

http://zh.learnlayout.com/med...

2017年2月12日 11:13
編輯回答
神曲

補充一個操作

js有個navigator.userAgent屬性,可以打開瀏覽器調(diào)試模式試一下,直接輸入就好。
返回的是個字符串,可以通過各種方式提取到字符串中的關(guān)于設(shè)備的信息。
通過這個,不僅可以辨別是手機還是電腦,還能辨別是蘋果、安卓、Ipad甚至是不是用微信打開的。

2018年1月21日 09:08
編輯回答
替身

謝邀!
pc和移動端適配方案,知乎上之前有討論,具體您可以參照:https://www.zhihu.com/questio...,至于手機訪問網(wǎng)站,隱藏div模塊,可以通過判斷瀏覽設(shè)配、css媒體查詢等方法

2017年6月28日 21:23