分享几个响应式开发的代码小技巧

ゝ一世哀愁。 2022-08-26 03:40 382阅读 0赞

7fa0c994-8511-4918-96ad-8b020282fc09.jpg

网上收集的几个响应式开发的代码小技巧，希望抛砖引玉，菜鸟分享，请轻拍转！

响应式的图片

图片在响应式的开发中一般如下处理即可实现：

  1. img {
  2. max-width:100%;
  3. }

响应式的HTML视频video

如果需要响应式的视频，其实也很简单，如下：

  1. video {
  2. max-width:100%;
  3. height:auto;
  4. }

响应式的导航菜单设计

不同尺寸的设备，显示导航菜单的方式可以不一样，例如，在屏幕比较小的设备上，我们可以使用如下代码生成选择框：

HTML：

。。。。。。。

阅读原文：分享几个响应式开发的代码小技巧

发表评论

表情：
评论列表 （有 0 条评论，382人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue的几个开发技巧

    1、在父组件中绑定子组件的生命周期 我们一般的写法是在子组件的mounted中调用异步方法获取相应数据进行渲染。当然，异步方法中的一些参数可以在路由中获取，也有可能必须通过父

    ゞ 浴缸里的玫瑰ゞ 浴缸里的玫瑰/ 0 赞/ 143 阅读