前端单位和文件地址

前端单位和文件地址



前端单位

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: ;


文件地址

绝对地址

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

相对地址

  • 相对于当前路径的地址,会因为当前文件的位置的改变使得相对路径的具体路径改变。
  • 浏览器会根据当前的位置进行拼接具体路径。
  • ../返回上一层
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容