gpt4 book ai didi

ruby-on-rails - 当窗口大小改变大小时,Mailchimp 如何设法将框移动到另一个框下方(css3/媒体查询)

转载 作者:太空宇宙 更新时间:2023-11-04 04:28:30 24 4
gpt4 key购买 nike

我不是 CSS3 的专家,我想知道 mailchimp 是如何设法获得他们的 sign in page 的, 将“保持登录”框放在登录框下方,并且两者都扩展到 100% 宽度(而不是在屏幕尺寸更宽时每个都扩展到 50%)。

由于我不是专家,我想知道他们是通过纯标准 CSS(简单的东西)还是使用媒体查询(我听说过)来做到这一点。如果是媒体查询,那么我会尝试深入研究它!

这是两张图片:

  • 对于相当大的屏幕,eahc 按钮在同一水平线上共享 50% 的宽度

enter image description here

  • 对于较小的屏幕,每个按钮分布在整个宽度(100% 宽度)上并跨越 2 行

enter image description here

最佳答案

它使用媒体查询

检查以下链接以获取更多信息并开始使用

http://mediaqueri.es/

http://css-tricks.com/css-media-queries/

关于ruby-on-rails - 当窗口大小改变大小时,Mailchimp 如何设法将框移动到另一个框下方(css3/媒体查询),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17784403/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com