美文网首页
最简单的手机H5起始布局

最简单的手机H5起始布局

作者: Negnulebin | 来源:发表于2018-11-18 04:32 被阅读12次

html
body
#app

*{
box-sizing: border-box
z-index: 10
}
body{
background gray
}

app {

position: relative
height: 100%
min-height: 100vh
background: white
max-width: 540px
margin: 0 auto
padding-bottom: 60px // 给footer留空,可不用
-webkit-font-smoothing antialiased
-moz-osx-font-smoothing grayscale
-webkit-tap-highlight-color: transparent
}

相关文章

  • 最简单的手机H5起始布局

    htmlbody#app *{box-sizing: border-boxz-index: 10}body{bac...

  • H5提纲布局

    传统布局与HTML5布局和H5新语义标签 传统网页布局 H5 经典网页布局 H5新语义标签 输入类型 (表单类型,...

  • 第一个H5页面

    一、结构H5 的文档标签头部:最基础的结构如下: 二、布局关于布局CSS等相关的,这...

  • flex布局的几种典型布局方式

    flex布局的典型布局方式有哪些? 网格布局 固定底栏布局 圣杯布局 输入框布局 悬挂布局 网格布局 最简单的网格...

  • flex记录

    教程:Flexbox 布局的最简单表单Flex 布局教程:语法篇Flex 布局教程:实例篇 父元素为 flex 布...

  • meta标签

    H4 浮动 流式 定位 普通H5 弹性盒布局 多栏布局 响应式布局 双飞翼布局 images...

  • CSS布局

    介绍几种简单的css布局方式。 两栏布局 两栏布局最简单的方式就是使用浮动,浮动其中一个元素,通常要给浮动的元素一...

  • 最简单的状态切换布局

    功能简介 正在加载数据 数据加载失败 数据加载为空 网络加载失败 重试点击事件 支持自定义布局 效果图展示 最简单...

  • Flexbox 布局的最简单表单

    弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了。 三年前,我写过 Flex...

  • Flexbox 布局的最简单表单

    弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了。 三年前,我写过 Flex...

网友评论

      本文标题:最简单的手机H5起始布局

      本文链接:https://www.haomeiwen.com/subject/soewfqtx.html