国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

（CSS） px，pt，em，rem的區別

Lemon_95 / 1261人閱讀

摘要：一絕對長度單位絕對長度單位代表一個物理測量，當輸出介質的物理性質是已知的，如用于打印布局。對于打印機和高分辨率的屏幕，一個意味著多個設備像素，因此，每英寸的像素的數量保持在左右。是新增的單位，等于根元素的字體大小。

一、絕對長度單位 
絕對長度單位代表一個物理測量，當輸出介質的物理性質是已知的，如用于打印布局。這是通過將一個單元錨定到一個物理單元，并將其定義為相對于它的另一個。對于低分辨率的設備，如屏幕、高分辨率設備，如打印機，該錨定是不同的。
1.1 px（像素）

像素與顯示設備相關。對于屏幕顯示，通常是一個設備像素（點）的顯示。對于打印機和高分辨率的屏幕，一個px意味著多個設備像素，因此，每英寸的像素的數量保持在96左右。

當你需要精確地像素時，用px設定字體大小是一種好方法。一像素的大小是固定的。這是一個不取決于平臺的、跨瀏覽器的準確設置字體大小高度為你所想的像素大小的方法。因為不同瀏覽器為得到同樣效果的算法可能不同，所以顯示效果可能有微小的不同。

用像素字體定義使得字體大小不可由用戶的瀏覽器改變。所以，如果想創造能廣泛使用的設計請避免使用像素設定字體。

1.2 pt（磅）

1pt = (1 / 72)in。
另外：1in = 96px，3pt = 4px，25.4mm = 96px等。

二、相對長度單位 
相對字體大小的單位
2.1 em

em值的大小是動態的。當定義font-size屬性時，1em等于元素的父元素的字體大小。如果你在網頁中任何地方都沒有設置文字大小的話，那它將等于瀏覽器默認文字大小，通常是16px。所以通常1em = 16px，2em = 32px。如果你設置了body元素的字體大小為20px，那1em = 20px，2em = 40px。那個2就是當前em`大小的倍數。


  

    

    

                 
               
              

             
               

                   
 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

                 
                   
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111636.html

               

                      
               
              

              

                
相關文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    深入理解<em>CSSem>中em, rem, ex區別，及使用技巧
    
                                                     
    摘要：中常見尺寸單位描述百分比英寸厘米毫米一個是一個字體的。在中，是非常有用的單位，因為它可以自動適應用戶所使用的字體。在中唯一例外的是屬性，它的和值指的是相對父元素的字體大小。

CSS 中常見尺寸


單位
描述



%
百分比


in
英寸


cm
厘米


mm
毫米


ex
一個 ex 是一個字體的 x-height。 (x-height 通常是字體尺寸的一半。)


pt
...
    
                                                   
                          
    
                                
    
                                    lbool
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    <em>ptem>，<em>pxem>，rem和em之間區別總結
    
                                                     
    摘要：與在設計字體的樣式中，有些字體設置成，而不是，那是什么，和又有什么關系呢是印刷行業常用的單位，等于英寸，表示絕對長度。指的是像素，是屏幕上顯示數據的最基本的點，表示相對大小。

pt與px
在html設計字體的css樣式中，有些字體設置成14pt，而不是14px，那pt是什么，和px又有什么關系呢？
pt(point)是印刷行業常用的單位，等于1/72英寸，表示絕對長度。px(pixel...
    
                                                   
                          
    
                                
    
                                    pf_miles
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    <em>ptem>，<em>pxem>，rem和em之間區別總結
    
                                                     
    摘要：與在設計字體的樣式中，有些字體設置成，而不是，那是什么，和又有什么關系呢是印刷行業常用的單位，等于英寸，表示絕對長度。指的是像素，是屏幕上顯示數據的最基本的點，表示相對大小。

pt與px
在html設計字體的css樣式中，有些字體設置成14pt，而不是14px，那pt是什么，和px又有什么關系呢？
pt(point)是印刷行業常用的單位，等于1/72英寸，表示絕對長度。px(pixel...
    
                                                   
                          
    
                                
    
                                    raledong
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    關于<em>CSSem>中的字體尺寸設置
    
                                                     
    摘要：常用單位在中可以用很多不同的方式來設定字體的尺寸。當你為一個元素添加單位時，應當考慮到所有父元素的字體尺寸。例寬度是中新提出的一個單位，通過寬度來計算字體尺寸。


  個人翻譯，轉載請注明出處
  英文原文：CSS Font Sizing


寫在前面

上一篇文章如何做好移動端的響應式設計：Viewport控制討論到了CSS像素，于是我決定研究一下如何用不同的方式來在CSS中設定字體...
    
                                                   
                          
    
                                
    
                                    mcterry
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    <em>CSSem> 單位
    
                                                     
    摘要：概覽中的長度單位有很多，覺得有必要整理備忘。單位大體分為兩大類絕對單位，不會因為其他元素的尺寸變化而變化。如果想使用顯示窗口的寬度或高度而不是父元素的寬度將會怎么樣這正是和單位所提供的。和現代瀏覽器都支持這兩個單位。

概覽
CSS中的長度單位有很多，覺得有必要整理備忘。
網上介紹的也比較多和全，詳見參考資料。
單位大體分為兩大類：

絕對單位 ，不會因為其他元素的尺寸變化而變化。
相對...
    
                                                   
                          
    
                                
    
                                    ARGUS
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發表評論

                   
               

              

                

                  
0條評論
   
                
 
                      

              

           

           

              
 
                

                    
                    
Lemon_95

                    
男|高級講師

                    
                    

                          
TA的文章

                          閱讀更多
                    

                      
                


                   
              
  

                  
最新活動
閱讀需要支付1元查看
<