html如何实现分屏

html-css024

html如何实现分屏,第1张

分屏的实现,每一个屏的宽度和高度都要有浏览器的宽度和高度那么大,然后设置overflow: hidden。

监听鼠标滚轮事件,判断是上滚还是下滚根据不同的方向切换浏览器所显示的内容。

题主是否想询问“苹果手机可以多个视频同时播放html吗”?可以。苹果手机是苹果公司(AppleInc.)发布搭载iOS操作系统的系列手机,可以多个视频同时播放html,在操作中设置分屏样式、边框颜色、以及每个视频开始的时间点,实现的效果是很好的。

自己开发的插件可根据用户喜好,自定义左右分屏内容,从而实现一屏多用,辅助学习,特别适合一边对比查看网页。

适配浏览器:可适配基于谷歌内核的任何浏览器,包括:谷歌浏览器,QQ浏览器,360浏览器(以上浏览器已进行部署以及测试)。

适配分辨率:可适配任何分辨率的屏幕,产品会根据用户实际使用分辨率,调整分屏框的大小。

如何部署

①将产品压缩包进行解压并存放在电脑的本地(要记住解压后文件的存放路径)

② 将谷歌浏览器打开(以谷歌浏览器为例,其他浏览器操作均一样),按其下操作

③   打开之后,如下操作

④   此时会出现下面的选择框,第一步选择刚才解压的目标文件夹,第二步点击确定

⑤   将【已启用】打勾,如下

此时浏览器地址栏旁边就会出现一个小图标

⑥   操作到此步骤,部署已经完毕,可以随意进行浏览器分屏。

注:因为此软件没有经过谷歌官方认证,再次打开浏览器会出现如下对话框,请点击取消即可。

如何使用

①   浏览器打开需要的两个网页

②   点击右上角小礼盒标志,再点击启动双屏模式

⑤   分屏完成,中间的滑动条可以根据喜欢随意滑动。

自己开发的小插件,请多多指教!