分享几个响应式开发的代码小技巧 ゝ一世哀愁。 2022-08-26 03:40 178阅读 0赞 [![7fa0c994-8511-4918-96ad-8b020282fc09.jpg][]][7fa0c994-8511-4918-96ad-8b020282fc09.jpg 1] 网上收集的几个响应式开发的代码小技巧,希望抛砖引玉,菜鸟分享,请轻拍转! ## 响应式的图片 ## 图片在响应式的开发中一般如下处理即可实现: 1. img \{ 2. max\-width:100%; 3. \} ## 响应式的HTML视频video ## 如果需要响应式的视频,其实也很简单,如下: 1. video \{ 2. max\-width:100%; 3. height:auto; 4. \} ## 响应式的导航菜单设计 ## 不同尺寸的设备,显示导航菜单的方式可以不一样,例如,在屏幕比较小的设备上,我们可以使用如下代码生成选择框: HTML: 。。。。。。。 阅读原文:[分享几个响应式开发的代码小技巧 ][Link 1] [7fa0c994-8511-4918-96ad-8b020282fc09.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/7fa0c994-8511-4918-96ad-8b020282fc09.jpg [7fa0c994-8511-4918-96ad-8b020282fc09.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/7fa0c994-8511-4918-96ad-8b020282fc09.jpg [Link 1]: http://www.gbtags.com/gb/share/3000.htm
还没有评论,来说两句吧...