CSS手機端和電腦端定位注意事項

2021-07-09 08:34:57 字數 817 閱讀 6677

ps:本人親測,阿里雲2核4g5m的伺服器價效比很高,新使用者一塊多一天,老使用者三塊多一天,最高可以買三年,感興趣的可以戳一下:阿里雲折扣伺服器

1、用相對定位,即relative的時候,定位可以用padding-left,padding-right,

padding-top,padding-bottom或者margin來實現。

2、用絕對定位,即absolute的時候,定位可以用left,right,top,bottom來實現

3、元素的顯示可以用display,屬性可以是none,用以不顯示,可以是inline-block,用以行內塊兒顯示

4、css樣式如果想消除的話,除了用jq以外,就是用覆蓋替換

5、字型大小什麼的可以不用px(畫素)來顯示,用em(相對長度單位,相對於當前物件內文字的字型尺寸,任意瀏覽器的預設字型高都是16px)來顯示,這樣就可以做到自適應大小

注意:任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中宣告font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。

所以我們在寫css的時候,需要注意兩點:

(1)body選擇器中宣告font-size=62.5%;

(2) 將你的原來的px數值除以10,然後換上em作為單位;

(3)重新計算那些被放大的字型的em數值。避免字型大小的重複宣告。

CSS3 實現電腦端和手機端頁面自適應

1 通過link方法 link方法引入 型別其實就是在標籤引用樣式的時候,通過link標籤中的media屬性來指定不同的 型別。這種方式引入 型別時常跟著引用的樣式檔案走,如下所示。2 使用 media media是css3中引進的乙個特性,稱為 查詢,可以直接寫在中間或者外部樣式檔案中。例如,查詢...

小公尺路由器基本設定包括手機端和電腦端

程式設計客棧 怎麼對小公尺路由器進行設定呢?小公尺路由器作為智慧型家電控制的首選組網裝置,已受到各位公尺份們的廣泛關注和使用。小公尺路由器除了採用高硬體配置外,還具有 ldq程式設計客棧uo 遠端 lwww.cppcns.comdquo 急速上網 以及 智慧型家電 等功能。下面就與小編一起來了解一下...

如何啟用adb host端和手機端adbd的log

在android裝置進行某些測試例時候,如 cts vts測試時候,經常碰到測試過程adb 斷開情況,導致測試無法繼續。需要優先排除adb模組的問題,這個時候需要啟用adb host端和adb daemon的log,輔助分析adb模組是否有異常。可以通過如下步驟啟用手機側adbd的log sudo ...