欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

实习一周,做了公司官网,谈谈关于大学生找实习工作以及记录前端响应式布局开发心得

程序员文章站 2022-03-28 19:10:41
关于弹性布局: display:flex;很好用,将元素放在一排,盒子可用宽度百分比,可替代浮动,虽然浮动也能做到,但是还要清除浮动,多此一举,还可以实现居中等布局效果,但有兼容性问题,特别是justify-content:space-between,除了新版chrom浏览器,其它浏览器都不兼容,具 ......

关于弹性布局:

  display:flex;很好用,将元素放在一排,盒子可用宽度百分比,可替代浮动,虽然浮动也能做到,但是还要清除浮动,多此一举,还可以实现居中等布局效果,但有兼容性问题,特别是justify-content:space-between,除了新版chrom浏览器,其它浏览器都不兼容,具体的兼容和相关属性去w3c看文档。

关于图片:

  图片宽度一定不能小于最大屏幕布局盒子的宽度,图片设置样式max-width:100%,放图片的盒子设置百分比宽度,即可自适应屏幕宽度。
关于文字:

  个人感觉使用rem单位结合媒体查询最好做移动端页面。rem与em都是长度单位,既可设置文字大小,也可用于布局的长度设置,区别在于rem以根元素字体大小为基准,em以当前元素字体大小为基准,若当前元素没设置字体大小,则以该元素继承的字体大小为准。1rem/1em=字体大小。

  最后就是个人的一些牢骚话了,大学生不管在学校怎么样,大部分人在学校是没办法有实践项目经验的,想要有好的工作,得从脚下开始做起,收拾心情快速适应工作才是最重要的,要学会不断的更新自己的知识和眼界,在社会上不缺提升自己能力的机会。想要有好的人际关系,或者脱离单身啊,或者毕业有好的工作,个人能力很重要,把个人价值提升上去,当自身足够优秀时,这些问题都会迎刃而解。这些话是勉励自己,也送给还未走出象牙塔的学弟学妹,和刚进入社会工作还在迷茫的同胞们。