网页打开时，没有显示CSS设定的样式，只以原始状态显示。那么就可能是我们CSS文件路径出错。
解决办法：引用正确的css路径，确认关联的样式位置、名字是否正确
2、样式表保存的编码错误
需要看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致，就是charset属性那里。
解决办法：在你使用浏览器进行浏览效果的时候，ie浏览器中菜单栏上有一个“查看--编码”，在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成，改为同一编码。
IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一。
解决办法：更换网络、刷新缓存
浏览器兼容性问题
由于我们本身的CSS代码写法有问题，没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面，我们称为css hack。
css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的兼容bug误差(比如我们常说错位)的处理。
前端适配PC端和移动端的方法有以下两种：
响应式布局：通过媒体查询来控制页面样式，从而适配不同终端屏幕。这种方式一般适用于企业宣传网站等简单的网站。
分端适配：实际上是手机端和电脑端是分开的两套代码，只是通过获取设备信息运行相应的代码。这种方式适用于功能复杂的网站，如京东商城等。
Web 前端开发大致上是，创建出 Web 网页以供用户浏览使用等。主要通过 HTML、CSS、JavaScript 等技术来实现交互。
所面临的挑战主要有几点：
以浏览器为例，分别有 IE，Chrome，火狐等。虽然有 ECMA 委员会进行标准化，但不同浏览器对 HTML、CSS、JS 等支持程度还是存在差异。所以需要进行兼容处理。
而且，这还会另测试的复杂度上升。
Web 前端开发的工程化问题。
在以前，Web 前端开发是极度依赖于后端的，例如 JSP、PHP 等前后端代码混杂，这段时期，前端的工程化问题还不算凸显。
而随着 MVVM 的普及，前后端的分离，本身的前端项目需要有一定的组织，协作，需要有前端的一套工程化解决方案。
包括组件化开发，单元测试，增量更新，代码压缩混淆，项目的打包构建发布等。
Web 框架之间的不兼容。
Web 开发中，躲不开的是三大框架 React、Angular、Vue。而框架与框架之间存在明显的沟壑。
对于一个 Web 前端项目来说，其实使用哪种技术并不重要，重要的是能实现需求。但是在实际上，如果项目选定了某个框架，其他框架之间的某些组件或者解决方案并不能互通。
当然，现在的 Web Component 有希望解决这个问题，但是， Web Componet 的兼容性也存在明显问题。
Web 前端开发所面临的问题远不止这些。当然，有问题就有解决方案，Web 前端技术就是在攻克这些问题上不断演进。