如图所示，绿色部分是一个图片，要自适应，底下的弧形是个半椭圆，这种要怎么实现啊？有没有大 佬提供个思路的，我尝试过给一个盒子设置背景图片，但是这样不能实现自适应伸缩，是我写的有问题吗？麻烦指点一下。
CSS实现以下样式，是移动端使用的，要求响应式
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2022-07-12 16:04例如，使用`@media`查询实现响应式布局，根据设备屏幕尺寸调整页面样式；使用Flexbox或Grid布局，可以更灵活地控制元素的排列和对齐；CSS3还支持过渡（transition）和动画（animation），为网页添加平滑的动态效果，...
- 2022-04-27 17:11在本文中，我们将深入探讨如何使用HTML5和CSS来实现移动端商城网页的设计。移动商城网站是现代电子商务不可或缺的一部分，它们提供了便捷的购物体验，让用户在手机和平板电脑上也能轻松浏览和购买商品。我们将逐一...
- 2024-09-26 14:07该项目共包含45个文件，以实现一个完整的移动端响应式网页设计。在这些文件中，有19个JPG图片，这些图片可能是网页的背景图、菜品展示图等，用于吸引用户和美化界面。8个WebP图片则提供了更为现代的图片格式，以高...
- 2021-07-06 23:04rogerwang@f2e的博客 要实现单位响应式，大量px布局的样式文件，改rem的话比较麻烦，因此尝试了postCss自动转换响应式单位的方案。 一、依赖的npm插件 autoprefixer postcss postcss-cssnext postcss-import postcss-loader postcss-...
- 2024-04-08 16:22Mr__proto__的博客 实现移动端和pc端响应式css封装
- 2023-08-04 11:16这些文件资源包含了一百五十个HTML网站模板，适用于移动端前端开发，特别强调了H5（HTML5）技术，以及自适应和响应式设计。这些特性使得这些模板在不同设备上，如桌面、平板电脑和手机上都能提供良好的用户体验。...
- 2023-08-01 22:242. CSS文件：如style.css，用于定义样式和布局，响应式设计可能用到media queries。 3. JavaScript文件：可能包含jQuery或其他库，以及用于交互和动画效果的脚本。 4. 图像文件：如logo.png、banner.jpg等，用于美化...
- 2024-10-06 23:40聪明橘子皮的博客 想要一行排列多个块标签，需要给这些块标签加上一个父级，且需要使用row 这个类，它有display属性，子级可以实现flex布局。目前rem布局方案中，将网页等分成10份，HTML标签的字号为视口宽度的1/10。移动端默认情况下...
- 2020-12-14 03:084. **JavaScript动态计算**：除了CSS方法，还可以使用JavaScript来动态计算并设置根元素的字体大小，从而实现响应式。例如，定义一个基准大小（如100px），然后根据窗口宽度与设计稿宽度的比例来调整根元素的字体...
- 2022-05-01 22:44咕啾啾的博客 黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 一、响应式开发 1、响应式开发原理 原理：就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 12月30日-
创建了问题
12月10日