Knowledge Walls
Venkatesan
Hyderabad, Andhra Pradesh, India
Passcode:
Font height-width is not same in UI Issues of WEB UI Tips and Tricks
837 Views
How it differ from height or width of font across browsers? 
   Here in this example Verdana font is used. Below if you are seeing Firefox output div height is differ from Chrome div occupied height. arial across all browsers giving same height.
HTML
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
<div>data line</div>
CSS
div {
   padding: 0px;
   margin: 0px;
   outline: 0px;
   font-family: Verdana;
   font-size: 12px;
}
Demo 
Firefox Output 
Chrome Output 
Best Lessons of "WEB UI Tips and Tricks"
Top lessons which are viewed more times.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details