css
关注
分享
扫一扫
文章平均质量分 50
阿晏_
这个作者很懒，什么都没留下…
展开
-
前端网页兼容电脑笔记本分辨率放大125%、150%的办法
有的电脑就是玩儿，哎非要默认125%或者150%的放大，还特喵的是推荐！css/* 屏幕分辨率放大为 150 */@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { .app-main { transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */ transform-origin: left top; }}/*原创 2022-03-09 19:55:14 · 12193 阅读 · 17 评论 -
移动端h5常用样式（11px文字、文字超出显示...、文字上下左右居中）
11px大小的文字.mini-font{ font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.92); transform: scale(0.92);}文字超出显示…这里超出显示...的文字，与其他文字在同一行，所以用的是flex布局+max-width属性.box{ margin-top: 20px; display: flex; font原创 2021-04-22 15:29:14 · 1288 阅读 · 0 评论 -
css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景
效果图0.5px边框0.5px边框，可以用伪元素实现，before、after都可以。移动端H5页面用的比较多。圆角渐变色边框+圆角渐变色背景实现外部圆角边框，内部圆角渐变色背景，是用父div + 子div实现的，其中父div和子div用不同的背景颜色，父div的padding大小，就是整体的边框高度。如果内部div不需要圆角，可以参考这篇文章：CSS 巧妙实现带圆角的渐变边框代码<!DOCTYPE html><head> <meta charset=原创 2021-04-16 15:47:20 · 2003 阅读 · 1 评论 -
css常用样式整理、flex样式整理
css3的flex布局已经是前端必会，想学flex布局的话，推荐大家看阮一峰的网络日志·Flex 布局教程：语法篇，这里只是复习一下flex布局的常用属性：justify-content、align-items、flex、align-content。/** * …………………………flex布局……………………………… * * 常用属性 * * justify-content 属性定义了项目在主轴上的对齐方式，也就是x轴上。 * flex-start：左对齐 | flex-end：右对齐 |原创 2020-11-14 15:26:57 · 393 阅读 · 0 评论 -
css判断浏览器
以下所能判断的有：火狐、IE10+、chrome、IE9和IE10/* 火狐 */@-moz-document url-prefix() { #cfcGzzPlanList_wrapper .dataTables_scrollBody { width: 99.97% !important; }}/* IE10+ */@media screen and (...原创 2020-03-06 16:54:09 · 1649 阅读 · 1 评论