![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html与csss
想要飞翔的小猪
这个作者很懒,什么都没留下…
展开
-
移动端iphone手机简单兼容头部
1.iPhone的适配---安全区域(safe area) padding-top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */ padding-top: env(safe-area-inset-top); /* 兼容 iOS >= 11.2 */<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minim原创 2022-03-09 09:42:04 · 453 阅读 · 0 评论 -
css中百分比与像素值进行运算---calc
.user-content{ padding: 10px 0 10px 50px; width: calc(100% - 50px); /* 计算宽度,'+'或'-'符号前后有空格 */ height: 18px;background:blue}css中使用calc可以进行简单的运算: 单位可以是百分比,px,rem,em等单位 可以使用...原创 2018-09-14 16:24:06 · 2630 阅读 · 0 评论 -
原生 JS 实现移动端 Touch 滑动反弹
因为这个我也是看了别人代码,这里推荐各位可以关注前端大全这个公众号,里面有很多关于前端只是,很值得我们学习,尤其是刚入前端的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2019-05-29 10:27:32 · 311 阅读 · 0 评论