Css
3篇文章 · 0订阅
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）
  • background-size:contain与cover的区别：
    contain:图片自身的宽高比不变，缩放至整个图片自身能完全显示出来，所以容器会有留白区域。contain即为“包含”，我图片虽然缩放了，但是整个图是被“包含”在里面了，完整显示，不能裁剪。 contain：容器内至少有一张完整的图，容器留白区域则平铺背景图，铺不下的再裁掉。
    CSS
  • 面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
    我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。
    CSS
    面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）