css如何判斷頁面是由移動端開啟還是pc端載入不同的網頁樣式

2021-06-26 07:05:54 字數 1612 閱讀 2113

1樓:純潔的小樹

一個是**查詢,但是這個只能判斷尺寸,並不能判斷是不是移動裝置。

再用就是使用js控制

/*** 判斷是夠是pc裝置

*/function ispc()

}if(window.screen.width>=768)return flag;}

2樓:

**查詢

/* 超小螢幕(手機,小於 768px) *//* 沒有任何**查詢相關的**,*/

/* 小螢幕(平板,大於等於 768px) */@media (min-width: @screen-sm-min)/* 中等螢幕(桌面顯示器,大於等於 992px) */@media (min-width: @screen-md-min)/* 大螢幕(大桌面顯示器,大於等於 1200px) */@media (min-width:

@screen-lg-min)

html如何檢測判斷裝置是手機還是電腦,然後自動決定載入哪個css

3樓:

1、首先準備一個html結構的文件,頁面可以製作的簡單點。

2、然後在頁面的body區域中放置一個img**。

3、我們先來執行一下頁面,你會在頁面中看到如下圖所示的圓圈。

4、接下來我們就需要對頁面進行css處理,如下圖所示,給img**新增樣式,注意裡面有旋轉樣式。

5、然後實現旋轉的設定,這個是css3的新功能,主要是對**進行旋轉度數的設定。

6、最後執行程式,你會看到頁面中的圓圈在不停的旋轉,和我們平常看到的載入中的效果很像。

4樓:匿名使用者

css3可以根據解析度來識別裝置型別,然後寫相應的css**:

/* custom, iphone retina */

@media only screen and (min-width : 320px)

/* extra small devices, phones */

@media only screen and (min-width : 480px)

/* small devices, tablets */

@media only screen and (min-width : 768px)

/* medium devices, desktops */

@media only screen and (min-width : 992px)

/* large devices, wide screens */

@media only screen and (min-width : 1200px)

5樓:匿名使用者

看上圖我們可以知道目前解析度的使用情況,

移動裝置的解析度高度最大不超過763 , 寬度最大不超過 640,然後我們這樣寫基本上就可以判斷是移動裝置  包括平板的,因為pc最小解析度好像是800*600

@media screen and (max-device-width:641px) and (max-device-height:764px)

6樓:匿名使用者

css3**查詢 你可以參考一下

請問如何用CSS固定頁面大小,如何使用CSS固定網頁的字型大小?

content overflow hidden 超出的內容隱藏掉 希望能幫到你 固定元素的寬高,就是給你想要固定的元素新增固定的寬高值 定義div的寬和高,然後overflow hidden zoom 1 前者是多處隱藏,後者是相容ie6 定義div的款和高,然後overflow hidden 溢位...

css如何控制某div始終位於頁面右側

如下 擴充套件資料 關於css固定某個div始終位於頁面右側主要的positon屬性介紹 該屬性規定元素的定位型別,這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位,不過絕對或固定元素會生成一個塊級框,而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。可能的值 1...

如何用css控制div在頁面中的位置

css中的position property一共有四種 postion static postion relative position fixed position absolute 如果設定div為static postion,div的位置將不受top,right,left,button等變數的...