浏览器的窗口大小 改变了背景图的显示

想问一下 这个线条怎么弄
我把他当成图片 用背景图来切的 在合适的比例下是正常的 但是拉浏览器的窗口大小 就变成下面这样了

请问一下 有好的办法做这个嘛

就不能整个一体的是个图片么

1.文字和背景整体切成一个图
2.把旁边两个小耳朵单独切出来,拼到这个标题的前面和后面

<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

head里加上这句试试

background-size

放背景的那个标签的高与中间图片的高一样，然后background-size:100% 100%; 试试