博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享几个响应式开发的代码小技巧
阅读量:6113 次
发布时间:2019-06-21

本文共 296 字,大约阅读时间需要 1 分钟。

  hot3.png

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

响应式的图片

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

  1. img {

  2. max-width:100%;

  3. }

响应式的HTML视频video

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

  1. video {

  2. max-width:100%;

  3. height:auto;

  4. }

响应式的导航菜单设计

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

HTML:

。。。。。。。

阅读原文:

转载于:https://my.oschina.net/gbin1/blog/211911

你可能感兴趣的文章
函数范式入门(什么是函数式编程)
查看>>
吴恩达机器学习笔记-反向传播算法练习
查看>>
关于PHP精确计算模块
查看>>
在 CenOS7 下 Erlang 安装部署
查看>>
localhost、本地IP下页面渲染不同 原理解析
查看>>
Python的SQL性能测试
查看>>
【JavaScript】面向对象之RegExg类型
查看>>
高程3总结#第24章最佳实践
查看>>
Nginx Beginner's Guide
查看>>
ES6语法总结
查看>>
数组实例
查看>>
window.open 打开新窗口被拦截的解决方案
查看>>
如何删除Git仓库中冗余的tag?
查看>>
October CMS - 快速入门 5 创建插件
查看>>
SpringMVC之源码分析--LocaleResolver(三)
查看>>
Vue 中 proxy代理
查看>>
Node.js教程第一篇—— Node.js 基础
查看>>
初识react高阶组件
查看>>
深入理解Java虚拟机到底是什么
查看>>
Python 基础
查看>>