有几种可能：
在head部分的meta标签，也就是基本配置标签没有配置好。
CSS样式表媒体查询的代码没有写完整，导致没有这个demo的排版效果。
外部引入的库版本太老了，在你的手机浏览器上展示不出来。
解决的办法：你先排查一下自己的meta标签有没有写错的地方，然后看看css里的媒体查询，
个人看法应该是你的外部引入的bootstrap库不对。在bt的cdn去找一个版本较新的库用。
如果是纯粹的仿站学习，那么在保存原网页的时候，需要把css里面的图片全部下载下来同时查看css文件里面的图片路径，必须要放在相应的文件夹里，也就是按照原来的路径保存，才会显示，否则就不能显示
如果css文件路径和css图片的路径都完全按照原网站的目录结构，那么是绝对能够正常显示的。
下面我说的话可能对不住你，但没有恶意。
网站基本知识还没懂，就玩仿站，做好了也是侥幸。
你没有搞明白静态页面和动态网站的区别，所以不知道样式和图片路径需要变更。用本地目录浏览和在网站环境下浏览，路径是不一样，本地路径从盘符开始，而网站环境下（包括本地环境）路径是从网站目录开始。
例如，你的图片路径是file:///D:/wamp/www/templets/dongfang/images/123.jpg，你用本地路径访问网页时可以识别，而在网站环境下需要变化，它的路径需要改为/templets/dongfang/images/123.jpg这样才能识别。也就是说，路径是基于www（网站根目录）下的文件开始的，css文件同理。
出现乱码才是编码错误，你的截图里只是css和图片的路径错误，编码没错。
在css文件中背景图片的路径也需要注意，尽量用相对路径，如果是从盘符开始的绝对路径，在网站环境下同样是不可识别的。
例
如，你的body背景图片放在和index.htm同级目录的images文件夹下，名为234.jpg，在css中代码应为
body{background:url(../images/234.jpg)}，如果背景图直接放在www（网站根目录）的images文件夹
下，body代码则为 body{background:url(/images/234.jpg)}，如果对绝对路径和相对路径有疑问可以百度一下。
有其他问题继续追问。
