css
33篇文章 · 0订阅
  • 1px问题
    一、只设置一条边1、border-image2、伪元素+background-image3、伪元素+transform:scaleY(.5)二、四周设置
    面试
  • 详解移动端1px 问题
    为什么会有1px问题移动端1px的问题简单的说，就是我们在pc的浏览器上设置的1px的边框，在移动端的浏览器上看上去会“更粗”一些。为什么会有这个问题呢？需要我们先了解几个概念物理像素我们可以简单理解
    前端
    详解移动端1px 问题
  • 移动端1px解决方案
    移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…
    CSS
    移动端1px解决方案
  • 前端进阶高薪必看-CSS篇
    点赞 o(￣▽￣)ｄ 不迷路 收藏 ✋🏻 + 关注 谢谢老铁 ♪(･ω･)ﾉ 思维导图链接（高清无码） 图中1, 2, 3, 4 表示优先级 1. CSS 选择器及其优先级 选择器 格式 优先级权重
    CSS 面试
  • 关于移动端适配，你必须要知道的
    ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…
    CSS JavaScript
    关于移动端适配，你必须要知道的
  • 移动端适配问题终极探讨(上)
    既然1个css像素代表两个物理像素，设备又不认0.5px的写法，那就画1px，然后再想尽各种办法将线宽减少一半。基于这种思考,我们有以下解决方案
    JavaScript
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 探秘 flex 上下文中神奇的自动 margin
    水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： 嗯。这里其实就涉及了一个问题，如何让 margin: auto 在垂直方向上生效？ 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…
    CSS 前端
    探秘 flex 上下文中神奇的自动 margin
  • 前端基础之CSS选择器
    最近写页面感觉有些选择器已经忘了，于是乎重新整理了一遍css选择器。你们还记得多少种选择器呢，每一种选择器的用法都还记得吗 以#加id名来表示, id是唯一的，同一个页面里不允许多个ID相同的元素。一般只用来强调某个页面或者某个模块，多个功能相同的模块建议使用类选择器。 直接标…
    CSS
  • 全面分析总结BFC原理及实践
    经常在面试中被问到“如何清除浮动？”、“为什么 overflow: hidden 可以清除浮动？”等等比较基础的问题。虽然这些题目案在各种写面试题的文章中都有提供答案，但这种教科书式的问答肯定不是我们的目的，与其记住答案不如彻底掌握其核心原理——块级格式化上下文（BFC）。 这…
    CSS
    全面分析总结BFC原理及实践