網頁中的長度可以用下面兩種方式來表示：
長度單位
1. 畫素 px
- 畫素是我們在網頁中使用的最多的乙個單位，
乙個畫素就相當於我們螢幕中的乙個小點，
我們的螢幕實際上就是由這些畫素點構成的
但是這些畫素點，是不能直接看見。
- 不同顯示器乙個畫素的大小也不相同，
顯示效果越好越清晰，畫素就越小，反之畫素越大。
2. 百分比 %
- 也可以將單位設定為乙個百分比的形式，
這樣瀏覽器將會根據其父元素的樣式來計算該值
- 使用百分比的好處是，當父元素的屬性值發生變化時，
子元素也會按照比例發生改變
- 在我們建立乙個自適應的頁面時，經常使用百分比作為單位
charset="utf-8">
title>
type="text/css">
.box
.box1
style>
head>
class="box">
class="box1">丁香一樣的顏色div>
div>
body>
html>
html 長度單位
pt 點。一般為網頁中標識字型的單位。px 象素。一般也為網頁中標識字型的單位。兩種關係 一英吋 72pt 點 96px 畫素 網頁中最常用到的 9pt 12px。在flash中一般也是字型的常用標識單位。字型大小的設定單位，常用的有2種 px pt。這兩個有什麼區別呢？先搞清基本概念 px就是表示...
css 長度單位
畫素 螢幕 顯示器 實際上是由乙個乙個的小點點構成的 不同螢幕的畫素大小是不同的，畫素越小的螢幕顯示的效果越清晰 所以同樣的200px在不同的裝置下顯示效果不一樣 百分比 也可以將屬性值設定為相對於其父元素屬性的百分比 設定百分比可以使子元素跟隨父元素的改變而改變 doctype html en u...
vw vh vm CSS長度單位
vw相對於視口的寬度。視口被均分為100單位的vw 即瀏覽器可視區 100vw 可視區寬度 vh相對於視口的高度。視口被均分為100單位的vh 即瀏覽器可視區 100vh 可視區高度 vmin vm 相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin 即vm 參考 結論 ...