动态rem简单示例

之前写了个简单响应式的例子,其实那个就是将宽度按百分比的写法或者写两个样式,再利用媒体查询的方式显示相应的宽度或样式;刚刚写了个动态rem的简单范例:





    
    
    rem简单例子
    
    



    
我是1
我是2

上述代码运行后,无论在什么样的尺寸的屏幕下,两个div的宽度总是均分整个屏幕,在手机上也是如此(包括横屏、竖屏)。

动态rem简单示例_第1张图片
Paste_Image.png

在线预览地址:http://output.jsbin.com/bamuboxubu

另外强烈推荐相关的文章:
1、手机端页面自适应解决方案—rem布局进阶版(附源码示例)
2、关于移动端 Rem 布局的一些总结
3、移动web适配利器-rem
4、MobileWeb 适配总结

**本文版权归本人即笔名:该账户已被查封 所有,如需转载请注明出处。谢谢! *

你可能感兴趣的:(动态rem简单示例)