2021
12-20
12-20
手机端h5页面字体大小适配 @media
为解决适安卓手机跟苹果手机字体大小和高度不一致的问题；
首先设置初始字体：由于浏览器默认（因为1em=16px，所以0.625em=10px）；
设置初始字体大小为62.5%；然后根据不同的屏幕尺寸计算相对应的百分比；
代码如下：
//安卓默认360
html,body {width: 100%;font-size: 62.5%;}
@media o.... Read More >
首先iPhone6在微信上的设计尺寸大小与实际展示大小
导航栏+iphone状态栏高度： 64px = 导航栏44+状态栏20
iphone4
屏幕总宽度: 320px
屏幕总高度: 480px
微信网页可视高度: 416px
&nb.... 
场景
假设一个手机页面，开发者对其做了限制，导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面，所以需要能在电脑上打开并进行调试。这里针对常见的三种页面做一下分析，一一绕过其限制，（当然不要拿去干坏事）
工具准备
1、方便调试的浏览器。个人喜欢Chrome，本文.... 
从网易与淘宝的font-size思考前端设计稿与工作流
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。
这是淘宝的github.... 
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。
段亮觉得有以下几点：
一、没有完整的思路和流程.... 
如何切图？
了解iphone界面的尺寸
最小的分辨率是320x480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸所用的图标定为1倍图（1x）。
在实际设计过程中，为了降低设计成本，一般拿设备最高的分辨率作为设计稿的原始尺寸，拿iphone来说就是iphone5或5.... ![[转] 网页浏览毫秒必争，超强前端网页性能总结三](/wp-content/themes/frontopen2/timthumb.php?src=http://www.w3cfuns.com/data/attachment/forum/201312/06/211114sw3ic63l3owl6c4c.jpg&h=140&w=205&zc=1)
用 link 代替@import
避免使用@import的原因很简单，因为它相当于将css放在网页内容底部。
避免使用Filters
AlphaImageLoad也是IE5.5 – IE8中支持，这种滤镜的使用会导致图片在下载的时候阻塞网页绘制，另外使用这种滤镜会导致内存使用量的问题。I....