如何通过CSS使div实现全屏效果，主要分为图片横排展示全屏切换效果和图片竖排展示全屏切换效果，分享给大家，具体如下：
全屏要素
全屏的元素及其父元素都要设置height:100%
将html、body标签设置height:100%
（注：height:100%是跟随其父元素高度变化而变化的）
1.图片横排展示全屏切换效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
