网页开发中的单位解决问题

网页开发中有哪些单位?

像素(px)

根据显示器的分辨率来确定长度,在web应用中多采用该单位。

点数(pt)

根据windows系统定义的字号大小来确定长度。

英寸(in)、厘米(cm)和毫米(mm)

根据显示的实际尺寸来确定长度,此类单位不随显示器分辨率的改变而改变。

12pt字(pc)

即windows系统定义的12字号大小为单位(1pc=12pt)。

该单位前输入的数字表示字号大小的倍数,如{font-size: 2pc;}表示文字大小为24pt。

以上单位均为定值,改变浏览器中浏览文字大小不会对应用这些单位的文字产生变化。

字体高(em)

表示当前文本的尺寸。

如{font-size:2em}是指文字大小为原来的2倍。

字体x的高(ex)

表示当前字母“x”的高度。

%

是以当前文本的百分比定义尺寸。

如{font-size:200%}是指文字大小为原来的2倍。

px跟em的区别,具体情况使用哪种呢?

px适合非响应式布局,也就是大小是固定的,即使浏览器缩小也不会变;而em相当于倍数关系,适合响应式布局,也就是页面会随着浏览器的大小去改变布局,比如字体会变大或者变小。

时间: 2024-10-22 13:36:33

网页开发中的单位解决问题的相关文章

网页开发中你不知道的一些功能

在网页开发中我们可能为完成一些特效感到苦恼,特别是JS不好的孩子们,下面整理的一些方法能使你起到事倍功半的效果. 进入网页时淡入淡出的效果 1 <meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)"> 在头部head之间加入此代码,你会发现点击链接的时候,网页现实的是淡入淡出的效果.此代码含义如下:Page-Exit”(离开网页).”Site- Enter”(进入站点).”Site

web前端入门到实战:网页开发中字体,字号与尺寸对应表

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 了解字体的一样常识,不管做一份文档编辑还是网页开发,都是很有必要的.整齐划一,井然有序才终是大家之道. 1.字体 在文档编辑中,我们常用的是宋体,小四号字,新罗马字体,字母和数字用的是Arial字体,段落首行缩进2个字体,采用多倍行距中的1.25倍行距. 在网页开发中,普遍偏爱微软雅黑与宋体,14/16px,非衬线体. 2.字号 印刷文字有大.小的不同变化,排版及图象处理软件中汉字字体大小的计量,前主要采用印刷业专用的号数制和点数制

详解网页开发中的页面调试【主要是谷歌浏览器的F12调试功能】

做过网页开发的都知道,不过你是用php还是asp.net以及java开发的网站,在开发过程中,web网页展示页面肯定会出现或多或少的问题.这里我推荐使用谷歌浏览器进行Web网页的调试以及错误信息定位. 使用谷歌浏览器调试网页,一般无需另外下载浏览器插件,使用谷歌浏览器自带的F12调试功能即可完成大部分的调试工作. 首先,我们打开对应的网页,在谷歌浏览界面按下键盘的功能区域的F12键,即可调出调试界面,调取出来的调试面板如下所示: 下面来讲解上图中标注的几个关键点的区域: 一.Elements区域

css和图片在网页开发中的应用

现在我有个需求,要求开发一个简单的网页,网页内容只有标题和段落.但是要求标题用图片代替. 我知道最菜的菜鸟会这么写 <img src="#" alt="标题写这" /> <p>段落</p> 呵呵,然而img压根就不是标题,很显然,我们的标题还是要写出来的,于是有人会在img外部添加个h1.就像这样 <h1><img src ="#" alt="标题写在这儿" />&l

网页开发中调用iframe中的函数或者是dom元素

iframe中的代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>By DragonDean</title> <script&g

Java网页开发中model实现Serializable接口的原因

Object serialization的定义:Object serialization 允许你将实现了Serializable接口的对象转换为字节序列,这些字节序列可以被完全存储以备以后重新生成原来的对象. serialization不但可以在本机做,而且可以经由网络操作(RMI).这个好处是很大的----因为它自动屏蔽了操作系统的差异,字节顺序(用Unix下的c开发过网络编程的人应该知道这个概念)等.比如,在Window平台生成一个对象并序列化之,然后通过网络传到一台Unix机器上,然后可以

网页开发中总结的经验(持续更新)

float:right/left和text-align:right/left的区别 #lbs_top dt{ float:left; } #lbs_top dd{ float:right; } 结果,请无视中间的图片,dd和dt 能在同一行显示 #lbs_top dt{ text-align:left; } #lbs_top dd{ text-align:right; } 结果 dd和dt如块级标签一样独占一行

移动开发中“单位”的那些事儿

前言 在移动开发中我们常常会考虑度量单位的问题,在传统pc的web开发中用的比较多的是px(css像素),在android开发中一般则用dp.sp.px(物理像素)等,而移动web开发中同样也是用px(css像素)做单位,通常会结合viewport进行缩放.本篇blog就梳理一下在移动开发中用到的各种单位以及他们之间的联系和区别. 绝对单位和相对单位 如题,首先来看看什么是绝对单位和相对单位: 绝对单位:即值在任何环境下都不会变化的常量,如我们日常生活中经常会用到的in(inch英寸).cm(厘

网页设计和开发中,关于字体的常识

本文的最新内容将在GitHub上实时更新.欢迎在GitHub上关注我,一起入门和进阶前端. 前言 我周围的码农当中,有很多是技术大神,却常常被字体这种简单的东西所困扰. 这篇文章,我们来讲一讲关于字体的常识.这些常识所涉及到的问题,有很强的可操作性,都是在实际业务中真实遇到的,都是需要开发同学和产品经理.设计师不断重复沟通的. 字体真的只是"系统默认,无从解释"这么简单吗?是产品被忽悠?还是开发在敷衍?二者之间的博弈究竟谁能胜出?学会本文,你就能胜出. 字体分类 常见的字体可以分为两类