https://www.cnblogs.com/shine1234/p/13265261.html
常见的页面布局方式有，静态布局px布局流式布局（LiquidLayout）主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用）自适应布局（AdaptiveLayout）即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围响…
业务背景：公司需要在内网做一个H5的活动页，然后这个任务分配到我这。业务场景：内网App下webview，需要兼容各种手机，安卓和Ipad和Ios，高版本和低版本。整体过程实现并不难，难得是怎么去兼容。这个也是解决了兼容性问题之后总结的。开…
转自知乎回答。http://www.zhihu.com/question/21504656在移动端可以做到适配不同的手机分辨率，如果保持整体缩放，没有设计上的差异可以不需要用到`mediaquery`假设设计师的视觉稿是按照iPhone6的…
一、PC端和移动端适配分析：1、PC端的适配，只是分辨率的不同引起的适配问题。这种适配好解决，这里就不讲了。2、移动端的适配，移动端的适配主要是：屏幕视口的分辨率和像素分辨率是不统一；不同手机的视口分辨率也是不一样的。二、（移动端）屏幕相关…
1、手机的响应式布局，所有的单位用rem来表示。如：设计稿的宽度是750，则html标签的font-size=屏幕宽度/7.5。那么在网页中的尺寸=设计高上实际的尺寸/100.把下面的代码作为一个单独的resize.js文件，手机的页面引用…
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="initial-scale=1,m…
cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bet…
移动端vw页面适配方案主要是借助以下几个PostCSS插件实现的。postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanop…
