首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
xiahuan
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
移动端适配及PC端适配心得总结体会(一) (可能比较全
css中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素,当页面缩放比例为100%时,一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的,当用…
移动web必会技能--屏幕适配(物理像素CSS像素)
屏幕适配,一直是作为一个前端开发始终逃不掉的问题,这个话题可以追溯到最开始的PC端浏览器的不同分辨率,再到移动端不同的屏幕尺寸,一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配,可以理解为一个网页元素或者网页布局,在不同尺寸,分辨率等场景下,如何呈现最佳的效果。 页面框架…
Vue移动端 / PC端适配解决方案:postcss-px-to-viewport
在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值,适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高
一篇文章搞懂,vue中pc端与移动端适配解决方案(亲测有效)
Vue中pc端与移动端适配解决方案 0. 前言 目前常见屏幕适配方案很多,眼花缭乱,比如:postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-pl
掌握web开发基础系列--物理像素、逻辑像素、css像素
在 《掌握web开发基础系列--长度单位》 这篇文章中已经介绍过了css像素单位--px,这篇文章详细探讨一下设备物理像素和css像素之间的关系。 “像素”,是一个名词,在不同的上下文中所描述的东西可能不一样,但是也可能存在一定关系。 设备屏幕实际拥有的像素点,屏幕的基本单元,…
移动端适配rem/vw,vh原理(详细)
了解像素相关知识: 移动端适配 掌握web开发基础系列--物理像素、逻辑像素、css像素 为什么给750px的设计图 其实我一直很想写一些关于适配方面的文章,因为很多东西只有实践才能对这个知识点更加的
CSS 命名方式 --BEM
还在纠结取一个 CSS class 名纠结半天吗? 赶紧看看 BEM,看完,再也不担心 CSS 命名冲突
[译] CSS border-radius 还可以这么用?
TL/DR:在 CSS 中使用八个值指定 border-radius 时,可以创建自然外观的形状。没时间阅读所有内容?好的,这里给你提供了最终的可视化工具,点击这里 查看、使用它吧。 在今年(译者注:是指 2018 年)的 Frontend Conference Zurich …
彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
最近,在项目中遇到一个关于CSS中元素z-index属性的问题,具体问题不太好描述,总结起来就是当给元素和父元素色设置position属性和z-index相关属性后,页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解,也没找到一个合理的解释。我知道,肯定是我对相关属性…