移动端的自适应
最近一个项目做的是微信端，因为之前没接触过一直以为移动端的自适应都是用某个插件，然后里面是分开各种比例的最大多少最少多少，然后里面封装了各种的<p>值多大等等。 不过结果却出乎所料的简单。下面将以一个宽为640px的手机分辨率为例，分步解释从一个普通web到移动端的转变（此处 ...
原文：webstorm下的sass自动编译和移动端自适应实践
安装Ruby 安装sass webstorm配置file watcher 移动端自适应 安装Ruby 安装Ruby，有多种方式，打开官网下载 因为，使用的是window选择RubyInstall，下载地址 RubyInstall下载地址 选择对应系统的版本，下载完成，安装 添加到path，建议勾上，安装完成后，打开开始面板，会有一个Start Command Prompt with Ruby，命 ...
2017-02-28 10:35 0 2364 推荐指数：
相关推荐
移动端自适应方式
一、第一种方式是比较简单的，开发速度也比较快。主要利用-webkit-transform:scale()这个属性，比较设计稿和当前屏幕的宽度，或者高度，亦或者取两者的最小值，来进行自适应。 1. 如果宽度自适应，如果兼容iphoneX的话，此时的设计稿的背景图需要延长至1448，内容放在1206 ...
webstorm 设置 sass自动编译问题
sass语法、使用它带来的好处，就不再这里做介绍了，主要看怎么在webstorm里配置自动编译。 sass编译是需要Ruby环境的，可以到这里去下载 : https://rubyinstaller.org/downloads/ ,安装时选择加入Path 安装 ...
[css] 自适应布局 移动端自适应
一、宽度自适应 三列布局左右固定、中间不固定或者两列布局，左边固定右边不固定 原文链接：http://www.cnblogs.com/2050/archive/2012/07/30/2614852.html 看下代码结构： 效果为： 中间列要不要设置margin-left ...
移动端自适应vw、vh、rem
vw+vh+rem 一、vw、vh vw、vh是基于视口的布局方案，故这个meta元素的视口必须声明。（视口宽度等于设备宽度，初始不缩放，用于解决页面宽高自动适配屏幕） 1vw等于设备宽度的1%，同理1vh等于设备高度的1%，百分比布局 px转vw ...
移动端图标的自适应问题
...
canvas移动端长宽自适应
canvas自适应移动端长宽，依赖于其父节点的大小的设置,将其父节点的样式和canvas样式设置如下便可： <div style="height: 100%;width: 100%;margin: 0;padding: 0;"><canvas id="myCanvas ...