移動端css基本知識點

2021-07-07 10:23:54 字數 1421 閱讀 2665

移動端css基本知識點

ppi(pixels per inch)也叫dpi(dots per inch),表示的是每英吋所擁有的畫素(pixel)數目。數值越高,代表顯示屏能夠以越高的密度顯示影象。

適用於移動端的dtd:

html

public

"-//wapforum//dtd xhtml mobile1.0//en"  

"">

viewport語法:

(1)width:設制 viewport 的寬,可以設定乙個值(320)或者特殊的值(device-width)為裝置的寬度,device-     width是可定義輸出裝置的螢幕可見寬度。

(2)height:同上,只不過為設定高。

(3)initial-scale:初始縮放值,是個浮點數,例如這個值為1.0那麼頁面就會以頁面解析度的1:1來顯示,要是2.0,就會以頁面解析度的2:0來顯示,也就是放大兩倍。

(4)maximum-scale:最大縮放度,是個浮點數,例如這個值為1.0那麼頁面就只能是原比例不能縮放,要是2.0,頁面也最大能縮放2倍。

(5)minimum-scale:同上,只不過為縮小。

(6)user-scalable:使用者是否可以調整縮放。即使用者是否能改變頁面縮放程度。可設定為yes/no。預設值是yes。如果你將其設定為no,那麼minimum-scale 和 maximum-scale都將被忽略,因為不會被縮放。

name=

"viewport"

content=

"width=device-width,initial-scale=1.0,       maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"

/>

format-detection的用處:telephone的值可為yes/no,用來設定是否將網頁上面的**顯示為可撥超連結。

name=

"format-detection"

content=

"telephone=yes"

/>

針對不同解析度寫樣式:外聯樣式:

內聯樣式:

CSS 基本知識點梳理

通過box sizing設定 box sizing context box 標準盒子模型 寬度 內容的寬度 content border padding margin box sizing border box 怪異盒模型 寬度 內容寬度 content border padding margin ...

基本知識點

1 程序和執行緒的關係 1 在有執行緒的作業系統裡面,程序是分配資源的基本單位,執行緒是排程的基本單位。2 1個程序可以擁有多個執行緒 3 執行緒同時也有一些自己的資源,包括 程式計數器,堆疊等 4 因為執行緒所擁有的資源比較少,因此進行排程的時候所消耗的資源就少。5 執行緒共享程序的 段,程序的一...

基本知識點

dram 動態隨機訪問儲存器 dynamic random access memory 隨機訪問的意思是,訪問任何乙個記憶體單元的速度和它的位置 位址 無關,讀寫位址0x00001和0xffff0所需要的事件是一樣的。rom 唯讀儲存器 read only memory 它的內容是預先寫入的,掉電也...