@media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上

​  最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 1、ios端兼容input光标高度 问题详情描述： i

1、相关概念 在学习移动端之前，我们先来学习—些基础的概念和专有名词，这些知识会帮助我们更深刻理解移动端适配。 1.1、屏幕相关 1.1.1、屏幕大小     屏幕大小指屏幕主对角线长度，单位是英寸(

最近在写一个项目，碰到的问题还挺多，不难但都挺琐碎的，其中ios机型兼容是真的让人头疼。 1： IOS transform:rotate失效 这个问题是最让我让人头疼啊！！！！！因为要实现一个这样的语

移动端适配，每一个前端都绕不开的话题，产品经理也很难知道移动端适配的成本。本文罗列了3种常见的移动端适配方案，并给出了各方案的时间成本。最后，给出了2行代码实现移动端适配的最简方案。

1. 获取设备的真实开发分辨率（逻辑分辨率） 其实，对于开发来说，只需要了解三个概念。 物理分辨率，就是设备上标称的分辨率。 逻辑分辨率，开发时所用的分辨率。 设备像素比，物理分辨率和逻辑分辨率之比。 例如 iphone 6，它的物理分辨率是 750 x 1334，逻辑分辨率是…

相信大家在做移动端的时候回遇到很多兼容性的问题，这里列举了一些我开发中遇到的一些小问题希望对大家有所帮助。

css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…

将自己做前端6年以来碰到的一些项目中很常见的兼容适配问题以及解决方案整理出来分享出来分享给大家，希望对大家有帮助