html - 首先加载css,然后加载页面内容angularjs

标签 html css angularjs

请访问此网站: Nadpco

第一次加载此页面时,可能不到一秒钟,您会看到类似下图的内容: enter image description here

然后一切都会好起来的。

这可能就是为什么首先加载内容,然后加载 css 的原因。

如何解决这个问题。

值得注意的是,我使用 AngularJs 和 Bootstrap 来创建这个网站。

非常感谢。

最佳答案

所有样式表都位于正文内。您需要将其移至头部内部。

来自:

<body><div ng-controller="mainLayoutController" class="ng-scope">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشاور سرمایه گذاری نوآوران امین</title>
    <link href="/Content/css?v=4sokSQu85ZOhWi6vSDkriSC11saVOXIr5e8wfPjGMSM1" rel="stylesheet">

    <link ng-href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2" rel="stylesheet" href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2">
    <link ng-href="/Content/LTR-Views/News/News.min.css?v=2" rel="stylesheet" href="/Content/LTR-Views/News/News.min.css?v=2">

致:

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشاور سرمایه گذاری نوآوران امین</title>
    <link href="/Content/css?v=4sokSQu85ZOhWi6vSDkriSC11saVOXIr5e8wfPjGMSM1" rel="stylesheet">

    <link ng-href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2" rel="stylesheet" href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2">
    <link ng-href="/Content/LTR-Views/News/News.min.css?v=2" rel="stylesheet" href="/Content/LTR-Views/News/News.min.css?v=2">

关于html - 首先加载css,然后加载页面内容angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31020827/

相关文章:

CSS 切断输入框的末尾

java - Android Html5/java 应用程序 : mosync gallery upload & send email

html - 在网页上显示大量 PDF 的最佳方式

javascript - 显示大文本(部分彩色)

javascript - 如何使用 AnagularJs、Javascript 动态创建目录/文件夹来存储上传的图像?

javascript - promise 不适用于 angularjs 中的 IndexedDB

javascript - AngularJS 中元素的 subview

javascript - 带有附件的电子邮件编辑器 Phonegap 插件无法在 iOS 中使用 imageURI

html - IE8、9支持placeholder属性的方法

css - GNOME Shell 主题 css 文档