全屏切换效果_技术问答

软萌淑

为什么光用float而不设置.left及container的宽度的情况下图片显示不出来: 2020-02-13 2回答·1095浏览

慕粉3201495

按照讲的横屏没有出现，不能水平滚动。container已经设置了400% .section:float 和宽25%: 确认jQuery引用是否正常，不能滑动一般是javascript没有工作。; 2018-05-30 1回答·1398浏览

慕婉清0717531

移动端源代码: 评论栏右侧有资料下载; 2017-10-19 1回答·1541浏览

慕容0381983

我的中间两页高度小一些: 代码什么样的; 2017-08-02 1回答·1442浏览

慕勒6582437

关于全屏滑动的问题: 能啊，直接在section中加就行了; 2017-05-29 1回答·736浏览

Lockiej

全部设置包了100%之后，body和html设置了overfload：hidden，页面就无法显示了

不是页面无法显示，因为你每一张高度都是100%所以你在页面上只能看到第一张页面，其他页面都在屏幕下方，又因为你body和html设置了overflow：hidden，所以滚动条被隐藏了，所以你没办法滑倒下一张了，你把overflow：hidden先注释了，你就能看到另外两张了

2017-05-09 2回答·2210浏览

陌上出尘泪

width为什么是400%: 已采纳 qq_欠你一个我CodingD_04355410 的回答; 100%是屏幕宽度；400%则是屏幕宽度的4倍。然后每张图片宽度设置为25%（4张时），则每张宽度为400%*25%=100%为屏幕宽度，从而实现全屏; 2017-03-16 1回答·1588浏览

Linux星星

素材下载: 网上多得是，懒人图库就有，什么素材图片都有; 2017-01-29 1回答·691浏览

杨燕1

为什么图片不显示: 检查下图片路径。; 2017-01-16 1回答·803浏览

ssssssssasd

背景图片问题: background-size:contain是把图片等比例扩大，如果图片尺寸和窗口大小比例不一样就不能做到完成覆盖窗口了; 2016-10-18 1回答·868浏览

12只怕有心人

横屏效果实现不了: 已采纳的回答; 2016-10-09 1回答·1746浏览

purple_yao

关于下载源代码与课程讲师所讲解的源代码不对应问题: 2016-07-27 3回答·1474浏览

南木海星

老师用什么浏览器: 已采纳 Frank_Yuan 的回答; 哈哈，来来来，我给你一张图，你看看像不像; 2016-07-21 4回答·1186浏览

慕粉3683398

为什么全屏切换的时候写了div class=“section”后面还要加id=“section0”不可以直接写div class=“section0”: 可以的，个人觉得最好是在section后面在另外加一个类; 2016-07-19 2回答·1491浏览

大V弓长刃心

关于图片插入无法全屏显示的问题

样式问题哦，它们中间是有逗号的，而不是空格呢。

#container, .sections, .section{

height: 100%;

}

2016-07-04 3回答·1251浏览

qq_走走停停_5

老师写代码用的工具是什么工具啊: sublimeText; 2016-04-21 2回答·1071浏览

咚冬呛

.left里面的宽度25%是什么意思？: 已采纳阿梦1123 的回答; 我觉得container容器100%本来用一张图的话，可以是正好全屏，现在是4张的话，就用了400%，谢谢; 2016-03-26 3回答·1668浏览

qq_继续向前走_0

素材哪里下载: 随便网上下点壁纸就好了; 2016-03-20 1回答·290浏览

源来爱上秀

我的滚动条去掉之后就看不到图片了？为什么？: 我已经知道了; 2016-03-17 1回答·778浏览

菜菜0123456

打了一个！按了Tab简，并没有出现基本框架结构啊，再是需要自己手动敲上去呢: 这个其实是st的snippet，按了！就会自动提示了，你没有可能是因为你没有设置; 2016-02-22 1回答·824浏览

qq_浙江_Quern_0

背景图片导入不进去

是不是路劲有问题，再说我们都是这样的斜杠'/'.你的怎和我们的是相反的

2016-02-17 1回答·1186浏览

ShinChen

为什么资料下载的代码和老师讲解的代码不是一样的？: 可能后期进行了重构。; 2016-01-26 2回答·1133浏览

SunQuan

如何让宽度跟屏幕一样宽，高度自己定？

1、去掉 html 、body 的 padding 和 margin，

html, body{ 
    padding:0;
    margin:0
}

2、目标元素是body 的直接子元素，或者目标元素的父元素及以上都是宽度 100%

<!-- 只写出部分代码，完整的html结构可以自己补充 -->
<body>
    <div id="target" style="height:100px;">this is div</div>
</body>
<!-- 这个id为target的元素，是div，它的display 默认值是block，也就是宽度为 100%（根据父元素来的），所以，这个元素就不需要设置什么宽度，值需要设置高度就好了 -->

<body>
    <div id="parent">
        <div id="target" style="height:100px;">this is div</div>
    </div>
</body>
<!-- 这个例子里面，div的display默认属性都是block，所以，宽度都是父元素的宽度，也就是说， #parent的宽度是父元素body的宽度，#target的宽度是#parent的宽度，所以也不用设置什么宽度，直接设置你需要的高度就好了 -->

<body>
    <span id="target" style="display:block;height:100px;background:red;">123</span>
</body>
<!-- 如果你用的不是display默认值为block的元素（块状元素），那你就需要把这个元素转为块状元素，这里的span默认dislay值为inline，重置display为block，就可以设置高度了。inline元素，是既不能设置宽度，也不能设置高度的，里面有多少文本内容，它就有多大，里面没有文本内容，在页面上就看不到它，相当于宽高都是0像素 -->

2016-01-11 2回答·1281浏览

到处玩的

为什么检查代码跟老师的完全一样，每张图片的效果不是全屏呢？: 定义了.sections,.section{height:100%;},但是html中没有引用，所以每个模块的高度是自身内容撑开的高度，不是100%。; 2016-01-02 5回答·1330浏览

qq_冰_14

挺清楚的，可是我跟着老师把静态写出来了，js不知道，所以还是没动起来: js的可以引用还是框架好; 2015-12-04 2回答·895浏览

王董

按下叹号TAB键无效果: 2015-12-02 4回答·2342浏览

小石头45677

横竖屏百分比问题: 宽度设置了400%; 2015-11-30 2回答·1032浏览

北京艾科斯林特小何

111111111111111

li 标签一般是做文字列表的，而且默认是有编号符的，

div比较干净，只是一个容器标签，这种分屏，里面可能塞很多内容，用div还是比较合适的。

用 background-image 背景图属性，比较好一点，你试下搞个 img 标签，鼠标左键按中这张图片，然后拖拽一下，大部分浏览器都会直接在另外一个标签页打开这张图片。背景图就没有这个问题。

2015-11-18 2回答·1022浏览

谨慎

全屏css样式问题？？

#container,.sectionis,.section{            height:100%;        }

拼写错了，sectionis，你改成 sections 就好了。

2015-10-29 3回答·1367浏览