关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
qq260101081
2015-12-19 04:18
采纳率: 0%
浏览 3043
首页
前端
已结题
H5移动端上5张图片正方形响应式布局怎么实现?
css
如上图,注意1图宽度与2图的高度不等 1,3和2,4分别一样宽高。纯CSS或组JS也行,请大大给下代码谢谢啦
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
收藏
举报
2
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
103style
2015-12-19 07:31
关注
android 用 FrameLayout 就行了
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(1条)
向“C知道”追问
报告相同问题?
提交
关注问题
grid布局
实现
移动端
H5
响应式排列
正方形
格子布局
2024-08-29 21:27
迷途小码农零零发的博客
grid布局
实现
移动端
H5
响应式排列
正方形
格子布局
响应式可视化大屏:从设计到
实现
的完整适配方案
2025-10-16 04:21
pepper的博客
本文深入探讨了响应式可视化大屏从设计到
实现
的完整适配方案。针对不同屏幕尺寸与比例的适配挑战,文章系统剖析了CSS整体缩放、Viewport单位、PostCSS自动转换及Rem基准适配四大核心策略,并提供了处理超宽屏、图表...
响应式布局
2022-09-17 18:07
Nakano_May的博客
响应式布局
是同一页面在不同的屏幕上有不同的布局,即只需要一套代码使页面适应不同的屏幕。
响应式布局
指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,手机端再开发一套,而使用...
响应式布局
——页面适配各种终端尺寸
2022-11-13 21:02
programmer11123的博客
介绍了尺寸/像素/分辨率以及css常用单位于几种解决
响应式布局
的方法
CSS - 你
实现
过宽高自适应的
正方形
吗
2024-04-07 10:01
经海路大白狗的博客
不够还有一个更重要的缺点,
响应式布局
更适用于相对来说比较简单的网页,如果网页元素复杂,需求丰富,还是尽量分设备开发吧。px是一种绝对单位,它表示显示器上的每一个像素点,如果电脑分辨率是1024*768的电脑,在...
2.3移动Web网页开发——
移动端
布局(含Flex伸缩布局、rem、less、vhvw)
2022-10-11 12:06
lanmy_dl的博客
flexible.js是手淘开发出的一个用来适配
移动端
的js框架,核心原理就是根据不同的视口宽度给网页中的html根节点设置不同的font-size,直接引入就好,规避了分辨率设置的百分比。例如在less文件中写:(html的标签字号...
告别二维码变形!qrcode.js
移动端
响应式设计全攻略
2025-09-11 03:16
颜旖玫Michael的博客
移动端
二维码适配已成为
前端
开发的隐形痛点,本文将系统讲解如何基于qrcode.js
实现
完美响应式二维码,从像素级渲染到多终端适配,让你的二维码在任何设备上都清晰可扫。 读完本文你将掌握: - 3种核心响应式渲染...
HTML5响应式背景
图片
自适应
实现
指南
2025-08-14 15:21
坚持坚持那些年的博客
4.2.2
响应式布局
的媒体查询实践 为了
实现
响应式布局
,开发者通常会根据不同的屏幕尺寸定义不同的样式规则。这些规则可能会改变布局的尺寸、元素的位置和行为,甚至在某些情况下,隐藏或显示不同的元素。 例如,一...
别再硬写CSS了!用uni-card组件
实现
朋友圈动态的3种高级布局
2025-09-03 00:47
q9w8e7r6t5的博客
本文深入探讨了如何利用uni-app生态中的uni-card组件,高效
实现
朋友圈动态的三种高级布局,包括图文混排、多图九宫格和视频封面卡片。通过详细的代码示例和实战技巧,展示了如何借助组件的插槽机制和属性组合,大幅...
web
前端
开发之 -
移动端
屏幕的适配总结
2019-10-14 17:47
Mr丶D的博客
响应式布局
:css3中媒体查询 REM(弹性)布局:
实现
盒子的宽高自适应 流式布局 流式布局在css2时代就有,主要是靠百分比进行排版. 流式布局:网页中主要的划分区域的尺寸使用百分数(搭配min-*、max-*属性使用),...
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告