CSS
14篇文章 · 0订阅
  • 面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
    我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。
    CSS
    面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
  • 深入理解圣杯布局和双飞翼布局
    最近我朋友在群里发了一张图，说为什么main的宽度100%了，sub还是可以覆盖它呢？看来是时候带他回忆一波经典的圣杯布局和双飞翼布局了。正好最近看到好多面试题都有提到。 /笑哭 通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。 双飞翼布局和圣杯布局很类似，不过是在m…
    前端
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 移动端适配及PC端适配心得总结体会(一) (可能比较全
    css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…
    前端
  • 打造自适应网站只用一个CSS属性就够了
    用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的。🤔 以这个模板为例，没有应用css属性。🖥 使用 clamp() CSS函数，我们可以创建仅具有一个属性的响应式网站。 clamp() 的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间。 在此…
    CSS
  • pc项目自适应
    需求： 需要满足市场上不同比例的大屏(5:4、4:3（较少）、16:10、16:9（新品）) 需要满足不同分辨率的屏幕 (1080px 2K 4K) 125% 175%...等 问题: 如果按照设计稿
    前端
  • 利用postcss-pxtorem自适应pc端分辨率
    利用postcss-pxtorem自适应pc端分辨率 背景 1、1366*768 2、1920*1080 3、2k+屏幕 效果 由于px都变成了rem,字体大小，宽度等等都会随屏幕大小而变化。  1.
    前端
  • 【自适应】px 转 rem，你还在手算么？
    小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 前言 8.29日发布了一篇CSS预处理器，你还是只会嵌套么 ？的文章，幸运地被挂在热榜上好几天😁。 目前为止，文章收获阅读量1093、点赞数
    CSS 前端
    【自适应】px 转 rem，你还在手算么？
  • 从网易与淘宝的 font-size 思考前端设计稿与工作流
    响应式开发 & 移动开发的时候如何还原设计稿的一篇文章, 以及解决不同 dpr 屏幕图片清晰度的解决方案
    前端 响应式设计
    从网易与淘宝的 font-size 思考前端设计稿与工作流
  • 2022 年移动端适配方案指南 — 全网最新最全
    由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案
    前端 架构
    2022 年移动端适配方案指南 — 全网最新最全