CSS 小数 处理

当前位置 : 首页 > 网页制作 > CSS > CSS 小数 处理

CSS 小数 处理

来源: 作者: 时间:2016-01-14 16:13
在不同浏览器或者同一浏览器的不同版本中,CSS 都会对小数进行取整(直接去除小数还是会根据小数的大小进行判断就不一定了) 测试代码: class1

在不同或者同一浏览器的不同版本中,CSS 都会对小数进行取整(直接去除小数还是会根据小数的大小进行判断就不一定了)
测试代码:

    <!DOCTYPE >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        .class1 {
            width: 10.1px;
            height: 10.8px;
            border: 0px;
            background-color: Black;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var div1 = document.getElementById("div1");
            var clientWidth = div1.clientWidth;
            var offsetWidth = div1.offsetWidth;
            var scrollWidth = div1.scrollWidth;
            var ul = document.createElement('ul');
            var oLi1 = document.createElement('li');
            oLi1.innerHTML = "div.clientWidth=" + clientWidth;
            ul.appendChild(oLi1);
            var oLi2 = document.createElement('li');
            oLi2.innerHTML = "div.offsetWidth=" + offsetWidth;
            ul.appendChild(oLi2);
            var oLi3 = document.createElement('li');
            oLi3.innerHTML = "div.scrollWidth=" + scrollWidth;
            ul.appendChild(oLi3);


            var clientHeight = div1.clientHeight;
            var offsetHeight = div1.offsetHeight;
            var scrollHeight = div1.scrollHeight;
            var oLi4 = document.createElement('li');
            oLi4.innerHTML = "div.clientHeight=" + clientHeight;
            ul.appendChild(oLi4);
            var oLi5 = document.createElement('li');
            oLi5.innerHTML = "div.offsetHeight=" + offsetHeight;
            ul.appendChild(oLi5);
            var oLi6 = document.createElement('li');
            oLi6.innerHTML = "div.scrollHeight=" + scrollHeight;
            ul.appendChild(oLi6);
            div1.appendChild(ul);            
        }
    </script>
</head>
<body>
    <div id="div1" class="class1">
    </div>
</body>
</html>

测试结果:
这里写图片描述
这里写图片描述
这里写图片描述

Tag:
网友评论

<