Metro-UI-CSS的排版，我们可以看到，它使用了em，而不是常用的px，它们到底有什么区别?
px是定义CSS元素尺寸大小的单位，是相对于屏幕分辨率而言，即相对长度;
em，据说国外的网站经常被使用，指的是字体的垂直高度，一般浏览器默认的字体是16px，即1em。
按照这个说法，如果网页字体指定了px的大小，比如16px，不能使用浏览器的文字大小对字体就行放大缩小。为了更好的说明这个问题，贴个代码，copy到一个html文件里面，用浏览器访问就可以看到效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>em和px的区别</title>
<style type="text/css" >
body{
font-size:63%;
}
</style>
</head>
<body>
<p style="font-size:1.2em;">font-size:1.2em (可以调整)</p>
<p style="font-size:12px;">font-size:12px (不能调整)</p>
<p style="font-size:1.2em; color:#F90;">你可以通过IE菜单栏的“查看-文字大小“来调整字体显示尺寸</p>
</body>
</html>
相关推荐
**正文** .Metro-UI-CSS 是一个开源的前端框架，设计灵感来源于微软Windows 8的Modern UI（也称为Metro风格）界面。...通过不断学习和实践，开发者可以充分利用.Metro-UI-CSS 的潜力，创建出引人注目的Web体验。
1. **CSS3**: Metro-UI-CSS 利用了 CSS3 的新特性，如选择器、过渡（transitions）、动画（animations）和阴影（box-shadow）等，来实现动态效果和更丰富的样式。CSS3 也支持媒体查询（media queries），使得设计...
【压缩包子文件的文件名称列表】"Metro-UI-CSS-master" 一般包含以下内容： 1. `dist` 文件夹：这里包含了编译后的CSS和JavaScript文件，可以直接在项目中引用。 2. `src` 文件夹：源代码文件，通常包含LESS或SASS等...
本文将详细介绍".Metro-UI-CSS-master3.0.17修正版.zip"在Delphi开发中的应用，以及其中包含的资源与改进。 首先，"Metro UI CSS"框架提供了丰富的样式和组件，包括按钮、网格、表单、提示框、导航菜单等，使得...
"metro-ui-css-2.0.1-1385960404110" 是一个软件库的版本标识，它指的是Metro UI CSS的2.0.1版本，发布于时间戳1385960404110所对应的日期。Metro UI CSS是一个基于Twitter Bootstrap框架的开源项目，它为Web开发...
这个项目名为“windows8 Metro-UI-CSS-master”，其核心目标是帮助开发者快速构建具有现代、简洁且直观的用户界面，类似于微软在Windows 8操作系统中引入的“Modern UI”或“Metro Style”。 一、Windows 8 Metro ...
《构建Windows 8风格网站：深入理解Metro-UI HTML5》 在Web设计领域， Metro UI CSS 是一种非常流行的框架，它允许开发者快速、便捷地创建出具有Windows 8风格的现代网页。这款基于HTML5的框架，以其独特的磁贴...
Metro UI CSS是一个非常完整的创建Metro风格的网站的框架。使用LESS创建，并且拥有网格系统，排版样式，表格，按钮和图片。 同时也拥有内建的javascript组件，帮助你生成片状，菜单，边栏，进度条，提示等等
Flat-UI和Metro UI是两种不同的用户界面设计风格，它们在现代软件和Web应用开发中广泛应用，为用户提供直观且美观的交互体验。 首先，我们来深入理解Flat-UI（平面设计用户界面）。Flat-UI是一种设计理念，强调简洁...
总之，"Metro-UI-Animation"是一个专注于Metro UI CSS动画的资源集合，对于想要提升网站交互体验和视觉吸引力的开发者来说，这是一个非常有价值的学习和参考材料。通过理解和运用其中的动画效果，开发者可以为自己的...
Metro 4组件库流畅，直观，功能强大的前端框架，可更快，更轻松地进行Web开发。 使用Metro Style中的第一个前端组件库在Web上构建响应式，移动优先的项目。 Metro 4是MIT许可的开源项目。 这是一个独立的项目，其...
【标题】"Android-Metro-...总的来说，Android-Metro-UI项目为开发者提供了一个学习和实践Android UI设计、Java编程以及开源社区协作的机会。通过深入理解和使用这个框架，开发者可以创建出符合现代审美的Android应用。
【标题】"Metro UI CSS学习笔记Demo"是一个关于利用Metro UI CSS框架进行Web设计和开发的实践案例集合。这个框架灵感来源于Windows 8的Modern UI风格，为网页设计师提供了构建现代、简洁且互动性强的界面的可能性。...
metro-lab-responsive-metro-dashboard-template 后台模板
方便好用的HoloLens工具包UnitySetup-Metro-Support-for-Editor-2017.1.1f1.exe，可以放心使用
使用weblogic12c发布jax-ws的webservice服务端,或升级weblogic到weblogic12.1.3，启动时报错“metro-default.xml not fund 错误的解决办法。
该压缩包包含了"metro"系列的五套主题和"ui"系列的四套主题，具体为：metro-orange、ui-cupertino、metro-red、metro-gray、metro-blue、ui-pepper-grinder、ui-sunny、ui-dark-hive以及metro-green。每一套主题都有...
从/metro-ui-jekyll根目录，在命令行中运行jekyll serve 。 Windows 用户：首先运行chcp 65001将命令提示符的字符编码（）更改为 UTF-8，因此 Jekyll 运行时不会出错。 在浏览器中打开 ，瞧。 阅读 Jekyll 的...