webstorm打开的html页面与本地打开的同一个html样式显示不一样

同样的一个页面，使用webstorm自带的服务器打开，和在本地打开后显示的样式不一样
不知道是什么原因，请大神指点。

原代码：

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .father {
            width: 1000px;
            height: 560px;
            margin: 0 auto;
            background: url(images/ui.png) no-repeat top center;
            position: relative;
        }
        .son {
            width: 150px;
            height: 30px;
            background: pink;
            position: absolute;
            bottom: 10px;
            left: 50%;/*1000*50%*/
            margin-left: -75px;
            /*right: 75px;*/
        }
    </style>
</head>
<body>
    <div class="father">
        <div class="son"></div>
    </div>
</body>
</html>

同样的html文件，打开后的样子就是不一样，大小不一样。

你的比例不一样，你将webstom比例调试成chrom一样的宽度比例就是一样的了。

在.father中加个backgroung-size:100%

应该是浏览器的问题，你按住Ctrl然后滚动鼠标滚轮把两个页面都弄成100%就可以了

你好我的感觉是可能你引用的文件的某些路径在本地打开的时候没有加载你如果用chrome的开 develop tool看一下是不是有什么文件无法access

这个只要在.father中加个backgroung-size:100%
就可以了。。。。

你的浏览器是不是缩放了！或者你把最外层的标签设置为backgroung-size:100%试试