一、前言 昨天唠叨了哈没用的，今天说点有用的把。先说一下响应式布局吧，我一直认为响应式布局的分项目，一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。但是有些会认为 ...

各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁 ...

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

： 这样，你再也不用因为页面的滑动穿透而烦恼啦~ 顺便再分享一些关于滚动的优化方法： 1.消除 ...

踩过许多坑。特此总结一下：　 　　1、<input type='button'>背景色在ios中的兼容性，颜色发白　　　　解决办法：在全局样式中加入以下代码：　　　　input[type ...

1.问题说明     近日接到页面全屏滚动的需求，内容为：一张图片，一段文字以及固定在屏幕下方的按钮，如图所示： 根据设计稿尺寸写好页面布局，在大多数手机尺寸中都是适配的，个别手机及ipad会出现问题，以下特例说明：     <1> iphone X（375812）中，fixed定位 ...

h5 移动端适配方案 设定viewport 打开public\index.html，在html\head结点下加入<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale ...

1.rem 上述代码，便是屏幕适配的整个框架，可以适用手机，平板，电脑。 可以在其中写入自己的代码，以rem为单位（此代码1rem=20px）； 有缩放效果，以px为单位，是绝对值，不会随着屏幕大小的改变，而改变； 以百分比为单位，注意将标签的所有父元素都已百分比为单位，同样 ...