根据屏幕宽度,设置rem的值

来源:互联网 发布:淘宝过期订单怎么投诉 编辑:程序博客网 时间:2024/05/22 10:40
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"><script type="text/javascript" rel="sheetstyle" src="jquery-1.9.1.min.js"></script><style type="text/css">*{margin:0;padding:0;}</style><script type="text/javascript">//$(window).width();function resize(){$('html').css('font-size',($(window).width())/10+'px');};window.onresize=resize;$(function(){resize();});</script></head><body><div style="width:10rem;height:5rem;background:red;margin-left:auto;margin-right:auto"></div></body></html>

0 0
原创粉丝点击