談談網頁中使用奇數字型和偶數字型

2021-08-15 17:18:34 字數 814 閱讀 3052

相信大多數人在開發中一開始被教導應該使用偶數字型多於奇數字型,但是並不懂其中的緣由。本人總結了一些大牛的看法和實踐。

為何偶數居多?

1.比例關係

相對來說偶數字型大小比較容易和頁面中其他部分的字型大小構成乙個比例關係。如我使用14px的字型作為正文本號,那麼其他部分的字型(如標題)就可以使用14×1.5 =21px的字型,或者在一些地方使用到了14×0.5=7px的padding或者margin,如果你是在用sass或者less編寫css,這時候用處就凸顯出來了。

2.ui設計師的緣故

大多數設計師用的軟體如ps提供的字型大小是偶數,自然到了 前端那邊也是用的是偶數。

3.瀏覽器緣故

其一是低版本的瀏覽器ie6會把奇數字型強制轉化為偶數,即13px渲染為14px。

其二是為了平分字型。偶數寬的漢字,如12px的漢子,去掉1畫素的字型間距,填充了的字型畫素寬度其實就是11px,這樣的漢字中豎線左右是平分的,如「中」子,左右就是5px了。

4.系統差別

1.只對chrome27.0 版本以下有效,27.0以上版本無效;

2.只對英文才有效,對中文無效。

在新版的chrome中,已經禁止了改屬性,建議使用css3中的方法:

transform:scale(0.7);

當使用transform:scale(0.7)時; 不僅是文字變小了,整個文字所在的容器也同時會變小,那麼這時候可能就涉及到布局問題了,需要重新調整位置。

.小公尺4s:firefox可以從最小字型1px開始;chrome中最小顯示字型為12px;

Pikachu SQL注入之數字型注入和字元型注入

開始我們的實驗 數字型注入 發現有乙個下拉框,隨便選乙個查詢,並沒有在url裡面去傳參,可以發現是用post 表單 方式提交的 根據上圖yy一下後台的邏輯 id post id select 欄位1,欄位2 from 表名 where id id 正常情況下這裡的 id值為 1 6 我們換成 1 o...

python 取列表偶數和奇數字置的值

python中的列表等於其他語言中的陣列 list i j 就是從列表的索引 i 到索引j 個的值 列表的索引第一位是從0開始的 list i j 2 一樣取i 到 j 但加入了步長 這裡步長為2 也就是取每次索引位置開始 2的值 看了上面,應該就知道怎麼取奇數字 偶數字了吧 list 2 就是取奇...

python 取列表(陣列)偶數和奇數字置的值

自網路,留作備用。list i j 就是從列表的索引 i 到索引j 個的值 列表的索引第一位是從0開始的 list i j 2 一樣取i 到 j 但加入了步長 這裡步長為2 也就是取每次索引位置開始 2的值 看了上面,應該就知道怎麼取奇數字 偶數字了吧 list 2 就是取奇數字 這裡的 i j 我...