在开发工具里 设置view区域的背景图。一开始直接在 style中定义【下面方法一】：

<style scoped lang="scss">
  .h-container{
    width: 100%;
    height: 256rpx;
    padding-top: 214rpx;
    background: url($home-bg) no-repeat;
    background-size: 100% 100%;
    .....

控制台报了不能加载本地文件xxxxx，然后我便直接改为行内元素定义，在控制台就可以正常显示了【下面方法二】：

<view class="h-container" style="background: url('../../static/home/header_bg.png') no-repeat;background-size: 100% 100%;">

但是 我用手机预览却显示不出来。这里开发工具的显示跟真机预览的有区别，

我还发现貌似图片小尺寸的话 ，可以直接用上面【方法一】的形式引用，且正常。尺寸大就报不能引用本地文件

请问开发工具正常显示，手机预览却显示不出是怎么回事呢，图片引用的标准是什么呢？