首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端适配
订阅
koss
更多收藏集
微信扫码分享
微信
新浪微博
QQ
27篇文章 · 0订阅
【CSS面试考点】 🎯CSS中的6px字体与1px边框解决方案
CSS中的6px字体与1px边框终极解决方案:从原理到实践 🎯 前言 在现代前端开发中,像素级的精准控制往往决定了产品的视觉品质。两个看似简单的CSS问题——6px字体显示和1px边框实现,实际上涉及
📱 移动端CSS十大天坑!我熬夜填平了,快收藏!
从0.5px边框、小字体限制到刘海屏定位错位,提供transform缩放、JS动态计算、自定义字体等实战解决方案,彻底解决安卓/iOS兼容性问题,让页面精准适配所有机型!
增强 vw/rem 移动端适配,适配宽屏、桌面端、三折屏
vw 和 rem 是两个神奇的 CSS 长度单位,认识它们之前,我一度认为招聘广告上的“像素级还原”是一种超能力,我想具备这种能力的人,一定专业过硬、有一双高分辨率。
一种简单粗暴的大屏自适应方案,原理及案例
现状 下图是一个1920*1080的大屏示意图 使用常规的缩放方法,让大屏在窗口内最大化显示。大屏在不同的窗口中出现了空白区域,并没有充满整个屏幕。 新的方法 在缩放的基础上,对指定的要素进行贴边处
一种适合H5屏幕适配方案
一、动态rem适配方案:适合H5项目的适配方案 1. @media媒体查询适配 首先,我们需要设置一个根元素的基准值,这个基准值通常根据视口宽度进行计算。可以在项目的 CSS 文件中,通过媒体查询动态
基于 tailwindcss 的多端自适应布局方案
近期,我在做一个项目。老板希望我们的产品在不同的设备上都能有良好的用户体验,同时,为了节省人力成本,希望在同一套代码上去针对不同的屏幕尺寸去做样式适配。因为我选择了 tailwindcss 作为 cs
优化实战 第 50 期 - 纯CSS的移动端H5适配方案
响应式页面为了适应不同的终端设备而产生,体验较好,可以自动识别屏幕宽度以改变布局形式。但 不是所有的应用都适合做成响应式 对于一些大型复杂的应用,使用 移动端H5页面 和 PC端应用 协同使用,可以提
我家等离子电视也能用的移动端适配方案
移动端适配的两个概念 自适应:根据不同的设备屏幕大小来自动调整尺寸、大小 响应式:会随着屏幕的实时变动而自动调整,是一种自适应 而在我们日常开发中自适应布局在pc端和移动端应用都极为普遍,一般是针对不
ios(safari)浏览器,使用100vh遇到的问题和修改方法。
容器的高度需要设置为100vh,发现在ios(safari)浏览器显示的时候,浏览器的底部工具栏总是会挡住底下的一部分。
css移动端适配最佳实践
本文正在参加「金石计划 . 瓜分6万现金大奖」 移动端适配,在移动端里经常有遇到,在不同分辨率移动端设备精确还原UI设计稿,这是一个令人抓狂的问题,好在有flex,box布局解决了自适应很大一部分问题