关于幻灯片播放组件的自适应解决方案

    随着手机阅读的普及，越来越多的网站都想要开发自适应布局，由于手机端和PC端浏览器窗口像素大小不同，自适应布局主要就是根据浏览器窗口大小，改变网页布局样式，这里主要讲解一个关于幻灯片播放组件的自适应解决方案。

这里我采用的是JQ自带的获取浏览器窗口宽度，通过if判断，修改iframe的引入路径，进而修改幻灯片大小

具体思路：

首先创建两个文件，分别创建PC端网页的幻灯片播放组件和手机端的幻灯片播放组件（即改变整体的大小，和幻灯片图片的大小）

然后我们通过iframe引入幻灯片播放组件，但这里的src属性为空。

然后我们书写JQ代码，首先获取浏览器宽度，然后进行if判断，若是手机端引入手机端幻灯片播放组件，若是PC端，引入PC端幻灯片播放组件

基本实现过程就是这样，主要是思路，网上没有太多解决办法，本来一直奔着修改css自适应样式，根据不同的窗口像素，规定不同的样式，但是总会有考虑不全的地方，本身这个幻灯片播放组件就要结合图片大小来修改，所以不如再重新写一个手机端的幻灯片播放组件，将图片修改像素，然后再引入。可能这里说的不够具体，比如具体的手机浏览器具体的像素点，这里我是根据自己手机测试的，可以在获取_width后添加语句alert(_width)，直接查看弹出框输出的像素大小。办法总是想出来的，只有想到办法才有解决方案，如果大家有更好的办法，可以留言交流。