在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用，
因此会用用到自适应的方法。
用原生代码实现的根本在于媒体查询@media的设置。
@media screen 可以查询当前浏览器的尺寸，因此可采用该方法对同一个页面设置不同的CSS样式，来满足不同分辨率要求。
bootstrap框架布局完成的页面，是自动对应的自适应效果。
但是在书写的时候，应该严格按照bootstrap的书写规范，才不会出现怪异性问题。
说明：最后的数字对应该div所占栅栏的列数。
col-md-6 代表在PC端上显示在一行的6个栅栏，也就是一半。
col-sm-6 代表在平板上也显示div占当前行的一半。
col-xs-12 代表在手机端显示为当前行的百分之百填充。
3.还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。
2、鼠标滚动：常用 mousewheel 事件，滚动事件3、动画效果 ：可以选择css3的动画，或者js自己写动画综上所述：你需要通过 2的事件来控制1，不过1的样式中要加入动画样式（3）。大功告成chm里都是方式方法。也有现成效果
滴滴开直播需要准备一个导航页面,方便观众在直播过程中快速找到感兴趣的内容。以下是一些可以用来创建滴滴开直播导航页面的方法:
1.创建一个简单的HTML文档并添加必要的样式和布局。可以使用HTML5来创建一个响应式的页面,并使用CSS来设置样式和布局。
2.使用Javascript添加交互式元素,例如轮播图、搜索框或列表视图等。可以使用jQuery等库来简化JavaScript代码。
3.使用导航栏或侧边栏来组织您的内容。您可以使用HTML、CSS和JavaScript来创建菜单项、链接和滚动条等元素。
4.在直播过程中,您可以使用WebSocket或其他实时通信技术来自动更新观众的位置和偏好设置。这将使观众能够更轻松地跟踪您在直播中的位置,并为您提供更好的观看体验。
请注意,在创建滴滴开直播导航页面时,请确保它符合网络安全要求,以避免任何安全漏洞或攻击。