原 适配iPhoneX

作者:汪娇娇

时间:2017年12月26日

我这里说的适配iPhoneX,是一种比较简单粗暴的适配法,就是填满整个屏幕(包括安全区域和上下左右这些边,见下图)。

1、meta标签

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

2、CSS

body {
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 原 CSS3 filter

    作者:汪娇娇 日期:2016.10.9 其实之前几乎都没用过filter属性,就算知道也只是在脑中留了点浅浅的印象,直到最近因为项目的原因,才对filter进行...

    jojo
  • 原 一、了解web及网络基础

    作者:汪娇娇 时间:2017年9月7日 了解web及网络基础 这章我们会介绍一下什么是HTTP,HTTP是用来干嘛的; 然后还会介绍和HTTP关系紧密的3个协...

    jojo
  • 原 二、简单的HTTP协议

    二、简单的HTTP协议 这部分主要针对HTTP协议(主要针对HTTP/1.1)结构进行讲解,包括HTTP是在什么之间进行通信,靠什么通信,以及HTTP支持的方法...

    jojo
  • 分享一个免费托管静态资源的网站

    前几天有个同事分享了一个免费的静态资源托管网站http://surge.sh,非常的好用,好东西怎么能独自使用呢,今天就分享给大家,在使用之前先要全局安装一个n...

    挥刀北上
  • 图论--网络流最大流问题

    问题表述:给定一幅图(n个结点,m条边),每一条边有一个容量,现在需要将一些物品从结点s(称为源点)运送到结点t(称为汇点),可以从其他结点中转,求最大的运送量...

    风骨散人Chiam
  • Java基础(三)基本数据类型

    内置数据类型:Java语言提供了八种基本类型。六种数字类型(四个整数型,两个浮点型),一种字符类型,还有一种布尔型。

    一觉睡到小时候
  • java基本数据类型

    Java语言提供了八种基本类型。六种数字类型(四个整数型,两个浮点型),一种字符类型,还有一种布尔型。

    用户7657330
  • Java入门 - 语言基础 - 05.基本数据类型

    原文地址:http://www.work100.net/training/java-basic-datatype.html

    光束云
  • LeetCode 191 Number of 1 Bits

    这里用到了位运算, 如数字 5, 二进制位为 101, 那么使用 & 运算, 和 1 进行与运算, 如:

    一份执着✘
  • JAVA——基本数据类型

    mathor

扫码关注云+社区

领取腾讯云代金券