1. viewport属性及html页面结构 <meta name= "viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0 ...

前言：前端页面的布局（各元素的间距），一般会有PSD文件，有精确的px单位，而px与rem要如何转换才能高度还原设计图呢 一般情况下，设计稿的宽高为： 750*1334px，而大部分流行手机的屏幕尺寸为： 375*667px，正好是一倍的关系。 手机浏览器的根 ...

视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667 ...

背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高 ...

最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。 方法一：引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩 ...

https://www.cnblogs.com/fang51/p/4286481.html 移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查 ...

前言 iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。 笔者通过查阅了一些 ...

1.由于本人使用的是sublime.text，使用rem就可以达到效果。 点击菜单中的preferences下的browse packages，选择cssrem-master，添加或者编写cssre ...