xiqim的专栏

随着显示屏幕的多样性！各种各样的屏幕，pad，pc，phone，不同尺寸，不同大小！这给开发人员带来很大的挑战，为了一个页面，要写n套代码！可谓很难受！不过咧不用怕。技术也在发展哈。css3带来了福音！咱门可以#利用@media screen实现网页布局的自适应#。当然这个东东在css2就应该见过哈！不急，玩赚乐带领大家来见识见识这货。(www.banghui.org)Media Qu

wap手机端页面根据dpr和宽度计算出font-size对应数值最近在进行公司的wap端首页改版和添加活动页面，为了做的效果更好一些，就参考淘宝和京东的wap版，然后对淘宝的wap做了一些分析，淘宝的wap触屏版做的自适应和兼容性很不错，于是整理了下。wap手机端页面根据dpr和宽度计算出font-size对应数值表如下：dpr最小宽度320px最大宽度

1px = dpr^2 * dp 这个是不是有问题？结尾的总结：1px = dpr^2 * dp 这个是不是有问题？以下这个等式不成立吧:320*568 px = 2^2  * 1136*6401px = dpr ^2 * dp 是平面上的像素换算，但实际开发当中使用更多的是长度上的换算： 1px = dpr *

解惑好文：移动端H5页面高清多屏适配方案对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成750×1334）。视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面

----------------------------------------不好用window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);function hengshuping() {        if (w

透明度.abc {opacity:0.5;filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */}本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。

移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。2.Gecko:( FireF