responsive-design 相关问题

响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。

如何创建以下,响应,形状并添加文本?

我想在HTML/CSS中创建此设计,并在每个看起来像的正方形上添加文本。 如何在HTML和CSS中实现它? 这种模式也应该响应灵敏,这就是为什么我希望它编码如此。

回答 1 投票 0



在具有多个叠加三角形的CS中创建元素

有可能在CSS中重新创建,如果是这样的话 我需要做什么?我尝试创建具有不同角度和颜色的多个重叠三角形,最终以坚固的矩形结合。 我是...

回答 1 投票 0


反应设计HTML CSS(无JS)容器内的容器

我将通过示意一个视觉示例来解释我的案例: 在Webapge上, 之前有标准的文本内容 在容器(.mainbg-container)中,电视设置的背景图像是DE ...

回答 1 投票 0

Having Stripe button responsive or smaller

I try to configure a simple Stripe payment button on my website. However, the blue button is way too large and not responsive. I would like to have is responsive or at least smaller but there is no

回答 1 投票 0







为什么我的CSS网格板板 - 不在较大屏幕上的预期布局中显示元素? 我使用与网格板截面的CSS网格为我的网页定义布局。该布局在较小的屏幕上完美工作,但是在较大的屏幕上,一些元素放错了位置,网格...

<div class="container"> <header class="header">Header</header> <aside class="sidebar">Sidebar</aside> <main class="main-content">Main Content</main> <footer class="footer">Footer</footer> </div>

回答 1 投票 0

如何使响应电子邮件与Yahoo移动应用程序一起使用? 我创建了一个电子邮件模板,该模板经过测试,可以在桌面客户端(例如Gmail/Yahoo/Outlook)上正常工作,并在移动Gmail应用程序上测试了正确的响应行为。我正在使用android/gala ...

响应方式在Yahoo移动应用程序上无效。实际上,它没有从“样式”中读取CSS规则。不过,桌面镀铬设置为移动视图(使用Inspect-> Toggle设备工具栏)并登录到Yahoo Mail显示电子邮件阅读响应风格。

回答 1 投票 0


为什么position:sticky在父容器上没有溢出的情况下不起作用?

我正在尝试使用position:sticky创建一个粘性侧边栏,但它的行为不符合预期。即使我设置了正确的顶部值,当我滚动页面时,侧边栏也不会粘住。 这里’...

回答 1 投票 0


让图像容器根据同级容器内容调整其高度?

我希望 .content-container 根据其内容占用所需的高度,并且我希望 .image-container 动态调整其高度以匹配 .content-container。 问题...

回答 1 投票 0

为什么我在响应式页面中包装的网格组件没有关联到使用CSS的@media样式中定义的正确类

[github 存储库](https://github.com/PEG11690/coursera-mod2-solution/tree/main) [github页面](https://peg11690.github.io/coursera-mod2-solution/) 我正在参加入门课程并有一个

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.