2024-06-16 01:06:48
408
591
1.本文讲解的响应式开发技术（HTML5 CSS3 Bootstrap）的HTML5媒体查询等功能方法的代码，这也是很多教材的一个典型案例；2.本文将讲解涉及到HTML5表单等功能方法的知识点，其它方面会大致讲一下；3.本代码是使用visual Studio Code编写的，其他软件如DW，HBX等都是可以的；4.运行浏览器是谷歌，同时推荐使用谷歌浏览器；5.这个案例是我上学跟老师所讲做出来的，有些地方不是很完美，请见谅也请多赐教，若程序出现问题请指教，我在吸取经验、改正文档；_html查询功能
2024-06-10 23:06:41
197
447
一组图片、视频、音频、文件数据，要求点击图片可以放大预览，左右可以切换音视频、文件，支持鼠标及各种键控制 缩放，左右旋转，移动等功能，整理了一下，封了个组件，注释很全面，每块地方都有讲解，可以直接拿到项目中使用。顶部中间一般为图片当前索引index/总长度，当然默认的为这样，抛出index，可以自定义这块地方插槽的使用，顶部左侧插槽也暴露当前index，其实当前组件最需要的数据也莫过于index，暴露方法中也基本都有抛出。音频用的是原生audio，用法很方便，没什么可讲的，具体看代码。_vue3图片预览组件
2024-06-06 10:06:06
690
799
这不正好可以利用一下CSS3的媒体查询嘛，我们设定一个屏幕最小宽度，当大于这个宽度的时候，对CSS样式做一次设定；最后再设定第三个最大宽度，将3个DIV元素垂直排列就好啦。最近有同学问道，如何实现大屏幕的时候，3个DIV水平排列，屏幕小一些的时候，前2个DIV水平排列，第3个DIV元素去到第二行，并且第3个DIV元素铺满屏幕。屏幕再小一些的时候，3个DIV元素垂直排列，都铺满屏幕。这样，我们给父元素设定了超出宽度换行排列，同时对第3个DIV元素做了宽度设置。
2024-05-28 09:05:10
602
570
是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。可以让我们根据设备的类型（比如：屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改页面@media@importurlmedia属性, , 和其他HTML元素指定特定的媒体类型。_媒体查询
2024-05-10 08:05:58
1002
881
媒体查询是 CSS3 中的一个强大功能，它使得我们可以根据不同的设备特性来应用不同的 CSS 样式。这对于响应式设计来说非常重要，因为它允许我们根据用户的设备环境（例如视口宽度、设备方向等）来调整页面布局。_媒体查询 mdn
2024-04-17 21:04:31
143
920
被废弃的媒体类型： CSS2.1 和 Media Queries 3 定义了一些额外的媒体类型( tty, tv, projection, handheld, braille, embossed, 以及 aural )，但是它们在 Media Queries 4 中已经被废弃，并且不应该被使用。aural 类型被替换为具有相似效果的 speech。二者区别在于，第一种写在 CSS 样式中是当条件成立后，执行 CSS Code , 第二种则是条件成立后，加载对应的外部样式表。_@media
2024-02-01 12:02:07
597
650
一、HTML5 多媒体标签二、音频标签三、音频标签代码示例 ( 默认操作 )四、音频标签代码示例 ( 插入 mp3 / ogg 两种格式的音频 )_audio标签
2024-01-30 10:01:23
826
458
经过多年的项目实战和研发经验的积累，总结了一下对于H5视频可视化在视频播放上如何做到无插件H5展示的方法，尤其是契合安防行业的方案；_html使用hls.js播放rtsp
前端知识
【HTML5】HTML5 多媒体标签 ② ( 视频标签 ＜video＞ | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )
2024-01-26 10:01:57
362
866
一、HTML5 视频标签 video二、视频标签 video 代码示例1、基本示例2、修改视频尺寸三、视频标签 video 配置多个格式视频代码示例_video标签属性