前端单位和文件地址

179 阅读1分钟

前端单位和文件地址



前端单位

px

  • 像素单位、常用
  • 浏览器默认像素16px

em

  • 相对单位,相对于父元素的字体大小
  • 不推荐使用(需层层计算,易出错)

rem

  • 相对单位,相对于根元素的字体大小(配合jsRem布局使用)

vw

  • 视窗的宽度,百分比高度,百分百的视窗宽度100vw
  • v -> viewport

vh

  • 视窗的高度,百分比高度,百分百的视窗高度100vw
  • v -> viewport

max-width

设定最大的宽度max-width: ;,超出时留白。


min-width

设定最小的宽度min-width: ;,更小时出现滚动条。


max-height

设定最大的高度max-width: ;


min-height

设定最小的高度max-width: ;


文件地址

绝对地址

  • 不会因为当前文件的位置的改变,而使得路径位置改变。
  • 协议+域名+文件路径+文件名称
  • 协议、域名、端口号可省略

相对地址

  • 相对于当前路径的地址,会因为当前文件的位置的改变使得相对路径的具体路径改变。
  • 浏览器会根据当前的位置进行拼接具体路径。
  • ../返回上一层