尺寸的表示

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #par{
    width:600px;
    height:300px;
    background:green;
   }
   #son1{
    width:300px;
    height:100px;
    background:blue;
   }
   #son2{
    width:50%;
    height:50%;
    background:pink;
   }
   #test1{
    font-size:20px;
   }
   #p1{
    font-size:30px;
   }
   #p2{
    font-size:1em;
   }
  </style>
 </head>
 <body>
  <div id="par">
   <div id="son1">用像素来表示</div>
   <div>用百分比来表示,块状子元素要是不设置宽度默认占满父元素的宽度</div>
  </div>
  <div id="test1">
   父级
   <p id="p1">用像素表示文字大小</p>
   <p id="p2">用em表示文字大小,em是相对大小,是指其父元素中的一个"M"的大小,父元素的font-size就是一个em</p>
  </div>
 </body>
</html>
时间: 2024-10-20 00:19:22

尺寸的表示的相关文章

IOS中获取屏幕尺寸

//app尺寸,去掉状态栏 CGRect appRect = [UIScreen mainScreen].applicationFrame; NSLog(@"%f, %f, %f,%f",appRect.origin.x, appRect.origin.y, appRect.size.width,appRect.size.height); //屏幕尺寸 CGRect screenRect = [UIScreen mainScreen].bounds; NSLog(@"%f,

[[UIScreen mainScreen] bounds]获取尺寸不对

我在使用Xcode6时手动创建ViewController时也遇到了这样的问题,后来发现是因为项目设置中的Launch Images Source没有设置好的原因.因为把Xcode6自动生成的LaunchScreenController.xib删除了, 项目设置中的LaunchImages Source选项变成了 Use Asset Catalog,这时又没有指定正确的Images所以尺寸就不对了.解决办法是在Images.xcassets中创建LaunchImage,并将它做为Launch I

JS获取浏览器可视区域的尺寸

所谓可视区域是指能看得见的区域,即在浏览器中能看到页面的区域(高度与宽度).刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度,然后在cnblogs.com的一篇文章中获知需要通过 document.documentElement.clientHeight 才能获取到浏览器的可视区域的高度,顺便将该文章摘下来,如下: 在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: 1 2 document.body.offsetWid

iOS常用控件尺寸大集合

元素控件 尺寸(pts) Window(含状态栏) 320 x 480 Status Bar的高度 20 Navigation Bar的高度 44 含Prompt的Navigation Bar的高度 74 Navigation Bar的图标 20×20(透明的png) Tool Bar的高度 44 Tool Bar的图标 20×20(透明的png) Tab Bar的高度 49 Tab Bar的图标 30×30(透明的png) 竖直时键盘的高度 216.252(iOS 5+的中文键盘) 水平时键盘

iOS 的 APP 在系统中如何适配不同的屏幕的尺寸

2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到iPhone 3GS也保持不变. 那时编写iOS的App(应用程序),只支持绝对定位.比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是40像素,高度是50像素,放在(20, 30)像素的位置. iPhone 4 2010年,iPhone 4发布,率先采用Retina显示屏,在屏幕的物理尺寸不变的情况下,像素成倍增

关于微信小程序的尺寸关系

在微信小程序开发中,大家尽量使用rpx为单位, px实际上就是系统级的rem(把页面按比例分割750份,1rpx=window.innerWidth/750),或者scale伸缩布局的width=750.也就是说,微信小程序的rpx布局帮大家把rem布局的js设置根元素字体尺寸这步省了,用rpx就减少了媒体查询的那些步骤 通过rpx,大家只需要根据750的设计稿写代码即可,不必担心它在各个平台的适配情况, rem的优势:rem是淘宝移动web端就是采用此方案,其中r可以理解成root,不同的页面

检验上传图片大小、尺寸、类型的两种实现方案

做图片上传功能时,我们经常会遇到一个问题就是,就是要对上传的图片进行一个校验,校验的东西包括图片的大小.尺寸(即宽和高)以及图片的类型. 今天我主要介绍两种方式来进行图片的校验,一种是在前端用js校验,另一种是放在服务器端校验.接下来我们来进行介绍 第一种:放在前端用js校验 下面直接贴源代码,注释也写在代码里面 1 <%@ page language="java" contenttype="text/html; charset=UTF-8" pageenco

花焊盘的制作和尺寸计算

花焊盘的制作和尺寸计算 备注:转于百度用户Aaran27,感谢. 花焊盘的名词解释: ID: Inner diameter内径 OD: Outer diameter外径 Anti-pad: 阻焊盘 Spoke: 开口 焊盘直径d:外形直径 焊盘孔径h:钻孔直径 各尺寸计算: 已知元件引脚的直径D1>.计算PCB焊盘的孔径h 2>.计算焊盘直径d 因为焊盘黏锡部分的宽度要保证至少≥10mil,所以焊盘直径d=h + 10mil3>.计算花焊盘的内径IDID=钻孔直径h + 20mil4&g

Python 批量修改图片格式和尺寸

公司的一个项目要求把所有4096x4096的图片全部转化成2048x2048的图片,这种批量转换图片大小的软件网上很多,我的同事原来使用的美图看看的批量转换,但是稍微有点麻烦,每次还需要指定要转换的图片的输入路径和输出路径,而且每次都只能处理一个文件夹,很繁琐,于是我想到了万能的Python,然后写了一个脚本来批量处理图片,同一个根目录下的所有文件夹的子文件等的图片全部会处理掉. 代码中还加入了很多的异常捕获机制和提示,希望对大家有帮助. 备注: 1.导入了PIL库,是处理图片用的,很强大: 2

批量修改图片的尺寸(c#)

项目需要,经常需要手动调整图片尺寸,流程太过麻烦,效率低下.所以写了一个小程序,以提高工作效率 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.IO; using System.Drawing; using System.Drawing.Imaging; namespace ChangeI