摘要:由于做了全面屏并且还保留一块小刘海,因此很多以前的移动端页面需要结合客户端做出相应的适配,具体如下顶部通栏之前的客户端一直采用状态栏导航栏的做法。这时候需要底部留出一块空白安全区域,页面内容最终的底线应在手机拐角处。该安全区域的高度为。 由于iphoneX做了全面屏并且还保留一块小刘海,因此很多以前的移动端H5页面需要结合App客户端做出相应的适配,具体如下: 1、顶部通栏 之前的客户...
摘要:虽然已经年了不过有一些项目还是需要用到的不过考虑到使用的一堆兼容性问题也为了可以顺利地使用来撸代码研究使用打包代码来发布几个重点为了将模块分割加载,不至于一个文件过大,一个页面中使用多个文件由于是多页项目多个,每个页面使用的文件都不一致基于 虽然已经2019年了不过有一些项目还是需要用到jquery的不过考虑到使用jquery的一堆兼容性问题也为了可以顺利地使用ES6来撸代码研究使用w...
摘要:问题描述自己的博客在用移动端访问时,如果的列数足够多会显示不全,如下图红圈所示正常情况如图解决过程使用发现的解决方法是在上套一个,如下图蓝色背景和红圈所示首先想到直接在上套一个即可接着查看别的时发现并不是每一个都被套上一个,如下图所示 问题描述 自己的博客在用移动端访问时,如果table的列数足够多会显示不全,如下图红圈所示 showImg(https://segmentfault.c...
摘要:流式布局概念流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变。有些手机页面的宽度会被拉伸,但是高度不变,很不协调。弊端全局缩放,可能会造成出错。这两者适合在大项目中,因为可以配合或是,不适合单页面。 1. 流式布局 概念:流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变。 设计方法:布局都是通过百分比来定义宽度,但是高度大都是用px固定的。 弊端:...
摘要:现在我们用原生的实现这个非常简单的下拉刷新功能。二封装下拉刷新的功能模块首先创建一个构造函数,用来初始化属性与函数。和下拉刷新这个两个子节点。的效果显示出来,同时隐藏下拉刷新的效果开始刷新这里是模拟秒后刷新成功,然后隐藏正在刷新。。 前言: 我们在浏览移动端web页面的时候,经常会用到下拉刷新。 现在我们用原生的js实现这个非常简单的下拉刷新功能。 (温馨提示:本文比较基础,功能也很简...