![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
pc/h5标准文档结构及默认样式
111
码上流星&洒下星辰
前端领域新星创作者、技术传递力量、传承布道精神、期待你我共同进步
展开
-
pc端分页动画加载样式
loading.scss@charset "UTF-8";@import "an.scss";.loading_box { height: auto; .loading { width: 100px; height: 100px; margin: 50px auto; position: relative; &:before { content: ""; position: absolute; display: block; border: 5p原创 2021-09-01 15:10:48 · 245 阅读 · 2 评论 -
手机端分页上拉下拉动画样式
.pull-load { position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .pull-load-head { position: absolute; transform: translate3d(0px, -100%, 0px); width: 100%; } .state-refreshing .pull-load-head, .st原创 2021-09-01 15:08:51 · 269 阅读 · 2 评论 -
h5默认样式
/**/@charset "UTF-8";$yh:"Microsoft yahei";@function r($px, $base: 16) { @return ($px / $base) * 1rem;}// @function pxToRemr($px, $base: 14.0625) {// @return ($px / $base) * 1rem;// }html { font-size: 62.5%; font-family:$yh;}body, textare原创 2021-09-01 15:05:06 · 194 阅读 · 2 评论 -
h5手机端及pc端标准文档结构
pc端<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>zyb</title> <link rel="原创 2021-09-01 15:02:09 · 207 阅读 · 2 评论 -
Css Pc端默认样式(适用于大部分项目开发)
/****///\5b8b\4f53//$yh:'Microsoft Yahei';body,textarea,input,select,option { font-size: 14px; color: #333; font-family: "Hiragino Sans GB", "Microsoft Yahei", tahoma, arial, sans-serif; -webkit-font-smoothing: antialiased;}h1,h2,h3,原创 2021-07-07 14:38:10 · 431 阅读 · 2 评论