Why js and css file is invalid when they are imported on the server
Question
I have a website which import some js and css files on the head tag, but when I open the website by chrome,The entire page layout is completely wrong and looks like js and css files is invalid. Who can help me? Thanks.
By the way, JS consolo don't have any error messages. Every js css and image files have been loaded in the network tab.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://xmumap-code.stor.sinaapp.com/js/jquery-1.11.2.min.js"></script>
<script src="http://xmumap-code.stor.sinaapp.com/js/jquery.mobile-1.4.5.min.js"></script>
<script src="http://xmumap-code.stor.sinaapp.com/js/swiper.jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://xmumap-code.stor.sinaapp.com/css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="http://xmumap-code.stor.sinaapp.com/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://xmumap-code.stor.sinaapp.com/css/swiper.min.css">
</head>
1 answers
solution1
0 2015-09-29 12:04:32
在加载所有 CSS 文件之前尝试包含 bootstrap.min.css 文件。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Invalid Property Value on css style using imported css file in react
Prefixing imported CSS file
Reset imported js file when back button is pressed
Js file doesn't work when imported in Angular project
Why property of the function invisible when function imported to another file?
Why is css not being read on server.js?
How react.js managed to use a CSS file imported into a JavaScript file (component)?
Why won't my .css file show up in the public directory when building webpack.mix.js?
Why is css imported into the global scope in React?
Error with my server file - Invalid URL: index.js
Related Tags