网上收集的几个响应式开发的代码小技巧,希望抛砖引玉,菜鸟分享,请轻拍转!
响应式的图片
图片在响应式的开发中一般如下处理即可实现:
img {
max-width:100%;
}
响应式的HTML视频video
如果需要响应式的视频,其实也很简单,如下:
video {
max-width:100%;
height:auto;
}
响应式的导航菜单设计
不同尺寸的设备,显示导航菜单的方式可以不一样,例如,在屏幕比较小的设备上,我们可以使用如下代码生成选择框:
HTML:
。。。。。。。
阅读原文: