zoukankan      html  css  js  c++  java
  • 用正则表达式把页面中的px全部替换成rem

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="robots" content="all">
    <meta name="format-detection" content="telephone=no" />
    <style type="text/css">
    *{padding: 0;margin: 0;}
    html,body{100%;height: 100%;font-family: "Microsoft YaHei"; position: relative;}
    .banner{height:230px; 414px;background: red}
    </style>
    <script type="text/javascript">
    
    	//var num=$(window).width();
    	var num= window.innerWidth;
    	var font=num/10;
    	document.getElementsByTagName('html')[0].style.fontSize=font+'px'
    	//$('html').css('font-size',font+'px');
    	/* window.onresize=function(){
    	num=$(window).width();
    	font=num/10;
    	$('html').css('font-size',font+'px');
    	} */
    </script>
    <title>平台</title>
    </head>
    <body>
    	<div class="banner">
    	</div>
    <script type="text/javascript">
    var html=$('html').html();
    var remhtml=html.replace(/(d+)px/g, function(a,b){
    	console.log(b)
    	var num=b/41.4+"";
    	console.log(num)
    	return num.substring(0, 5)+"rem";
    })
    console.log(remhtml);
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    js-添加删除记录-修改
    js-添加删除记录-添加
    js-添加删除记录-删除
    dom增删改
    事件的冒泡
    div随鼠标在浏览器的窗口任意移动
    多选框全选练习
    python-day3
    python-day2
    python-day1
  • 原文地址:https://www.cnblogs.com/liuhao-web/p/6378980.html
Copyright © 2011-2022 走看看