填写简历信息

htmlheadtitle第一个页面/title/headbodyhello

world/body

htmlheadtitle第一个页面/title/headbodyhello

world/body

initial-scale1.0titleDocument/title

/head

initial-scale1.0titleDocument/title

/head

bodyh1hello/h1h2hello/h2h3hello/h3h4hello/h4h5hello/h5h6hello/h6

/body

initial-scale1.0titleDocument/title

/head

bodypcss中的1px并不等于设备的1px/pp在css中我们一般使用px作为单位在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素这可能会造成我们的一个错觉那就是css中的像素就是设备的物理像素。

但实际情况却并非如此css中的像素只是一个抽象的单位在不同的设备或不同的环境中css中的1px所代表的设备物理像素是不同的。

在为桌面浏览器设计的网页中我们无需对这个津津计较但在移动设备上必须弄明白这点。

在早先的移动设备中屏幕像素密度都比较低如iphone3它的分辨率为320x480在iphone3上一个css像素确实是等于一个屏幕物理像素的。

后来随着技术的发展移动设备的屏幕像素密度越来越高从iphone4开始苹果公司便推出了所谓的Retina屏分辨率提高了一倍变成640x960但屏幕尺寸却没变化这就意味着同样大小的屏幕上像素却多了一倍这时一个css像素是等于两个物理像素的。

其他品牌的移动设备也是这个道理。

例如安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi等不同的等级分辨率也是五花八门安卓设备上的一个css像素相当于多少个屏幕物理像素也因设备的不同而不同没有一个定论。

/pp还有一个因素也会引起css中px的变化那就是用户缩放。

例如当用户把页面放大一倍那么css中1px所代表的物理像素也会增加一倍反之把页面缩小一倍css中1px所代表的物理像素也会减少一倍。

关于这点在文章后面的部分还会讲到。

/pp在移动端浏览器中以及某些桌面浏览器中window对象有一个devicePixelRatio属性它的官方的定义为设备物理像素和设备独立像素的比例也就是

devicePixelRatio

/独立像素。

css中的px就可以看做是设备的独立像素所以通过devicePixelRatio我们可以知道该设备上一个css像素代表多少个物理像素。

例如在Retina屏的iphone上devicePixelRatio的值为2也就是说1个css像素相当于2个物理像素。

但是要注意的是devicePixelRatio在不同的浏览器中还存在些许的兼容性问题所以我们现在还并不能完全信赖这个东西具体的情况可以看下这篇文章。

/p

/body

initial-scale1.0titleDocument/title

/head

bodyp在css中我们一般使用px作为单位br在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素这可能会造成我们的一个错觉那就是css中的像素就是设备的物理像素。

但实际情况却并非如此css中的像素只是一个抽象的单位在不同的设备或不同的环境中css中的1px所代表的设备物理像素是不同的。

在为桌面浏览器设计的网页中我们无需对这个津津计较但在移动设备上必须弄明白这点。

在早先的移动设备中屏幕像素密度都比较低如iphone3它的分辨率为320x480在iphone3上一个css像素确实是等于一个屏幕物理像素的。

后来随着技术的发展移动设备的屏幕像素密度越来越高从iphone4开始苹果公司便推出了所谓的Retina屏分辨率提高了一倍变成640x960但屏幕尺寸却没变化这就意味着同样大小的屏幕上像素却多了一倍这时一个css像素是等于两个物理像素的。

其他品牌的移动设备也是这个道理。

例如安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi等不同的等级分辨率也是五花八门安卓设备上的一个css像素相当于多少个屏幕物理像素也因设备的不同而不同没有一个定论。

/p

/body

initial-scale1.0titleDocument/title

/head

https://images0.cnblogs.com/blog/130623/201407/300958475557219.png

alt

initial-scale1.0titleDocument/title

/head

srchttps://images0.cnblogs.com/blog/130623/201407/300958475557219.pngalt

/body

initial-scale1.0titleDocument/title

/head

hrefhttps://www.baidu.com百度一下/a

/body

initial-scale1.0titleDocument/title

/headbody!--

initial-scale1.0titleDocument/title

/headbodya

initial-scale1.0titleDocument/title

/headbodytable

height500trtd姓名/tdtd性别/tdtd年龄/td/trtrtd张三/tdtd男/tdtd10/td/trtrtd李四/tdtd女/tdtd11/td/tr/table

/body/html

initial-scale1.0titleDocument/title

/headbodytable

height500trtd姓名/tdtd性别/tdtd年龄/td/trtrtd张三/tdtd

rowspan2男/tdtd10/td/trtrtd李四/tdtd女/tdtd11/td/tr/table

/body/html

initial-scale1.0titleDocument/title

/headbodyh3无序列表/h3ulli咬人猫/lili兔总裁/lili阿叶君/li/ulh3有序列表/h3olli咬人猫/lili兔总裁/lili阿叶君/li/olh3自定义列表/h3dldt我的老婆们/dtdd咬人猫/dddd兔总裁/dddd阿叶君/dd/dl

/body/html

initial-scale1.0titleDocument/title

/headbodyselectoption--请选择年份--/optionoption1991/optionoption1992/optionoption1993/optionoption1994/optionoption1995/option/select

/body/html

initial-scale1.0titleDocument/title

/headbodydivspan咬人猫/spanspan咬人猫/spanspan咬人猫/span/divdivspan兔总裁/spanspan兔总裁/spanspan兔总裁/span/divdivspan阿叶君/spanspan阿叶君/spanspan阿叶君/span/div

/body/html

initial-scale1.0titleDocument/title

/headbodyh1xxx/h1!--

srchttps://5b0988e595225.cdn.sohucs.com/images/20200223/bd7ed12b66144da2bea669a4a7d9b673.jpegwidth200height200pspan求职意见:/spanC

开发工程师/ppspan联系电话:/spanxxxxxxxxxxx/ppspan邮箱:/spanxxxxxxxxxxqq.com/ppa

github/a/ppa

题/lili常见数据结构都可以独立实现并熟练应用/lili熟知计算机网络理论并且可以独立排查常见问题/lili掌握

Web

开发能力并且独立开发了学校的留言墙功能。

/li/ul/div!--

--divh2我的项目/h2ollih3留言墙/h3p开发时间:2021年9月

2022年12月/pp功能介绍ulli支持留言发布/lili支持匿名留言/li/ul/p/lilih3学习小助手/h3p开发时间:2021年9月

2022年12月/pp功能介绍ulli支持错题检索/lili支持同学探讨/li/ul/p/li/ol/div!--

其他信息

--divh2个人评价/h2p在校期间学习成绩优良多次获得奖学金。

/p/div/body/html

六、填写简历信息

initial-scale1.0titleDocument/title

/headbodytable

cellspacing0theadh3请填写简历信息/h3/theadtbodytrtdlabel

typetext

width20px女/label/td/trtrtd出生日期/tdtrselectoption--请选择年份--/optionoption1998/optionoption1999/optionoption2000/optionoption2001/option/selecttdselectoption--请选择月份--/optionoption

value1/optionoption

value12/option/selectselectoption--请选择日期--/optionoption

value1/optionoption

value31/option/select/td/trtrtd就读学校/tdtdinput

typetext/td/trtrtd应聘岗位/tdtdinput

typecheckbox

forop运维开发/label/td/trtrtd掌握的技能/tdtdtextarea

name

rows10/textarea/td/trtrtd项目经历/tdtdtextarea

name

forlisence我已仔细阅读过公司的招聘要求/label/td/trtrtda

href#查看我的状态/a/td/trtrtdh3请应聘者确认:

/h3ulli以上信息真实有效/lili能够尽早去公司实习/lili能接受公司的加班文化/li/ul/td/tr/tbody/table

/body/html