2021-07-11

响应式 的企业官网简单制作

1. 首先需要有meta标签

  <meta charset="UTF-8">
  <meta name="keywords" content="响应式开发，HTML5，前端开发，Java大数据，PHP开发，Python人工智能" />
  <meta name="description" content="一个简单的学习网站。" />
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
 //视图窗口：容器宽度，初始缩放，用户不可缩放
  <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
  //IE优先使用9以上的版本
  <meta name="renderer" content="webkit" />
  //webkit内核优先

2. 其次是引入需要的库
   比如bootstrap最受欢迎的前端组件库

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>

<link rel="shortcut icon" href="images/fav.jpg" type="image/x-jpeg">
//引入图标

3. 因为bootstrap组件库又是基于JQuery开发的，依赖JQuery，还要引入jQuery库

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>