【问题标题】:css basic for responsive design beginners [closed]响应式设计初学者的 CSS 基础 [关闭]
【发布时间】:2020-08-30 17:02:47
【问题描述】:

神奇的堆栈溢出!

我是一个编程的n00b,我的问题可能对你们中的许多人来说不是问题,但我无法自己完成它,我一直在努力自学和导师的支持训练营课程,但遗憾的是无法理解并使其发挥作用,无法举出任何例子,因为无论我尝试什么,它都只是一个悲惨的失败者工作,我很遗憾向我的失败者展示。 无论如何,我的问题是 响应式设计,我没有得到它或使它工作,有没有任何网站或建议我可以得到一个具体而清晰的解释? 如果我的话题不在正确的频道上并且打扰了有经验的程序员或软件开发人员的平静,我很抱歉并道歉。 最好的问候

【问题讨论】:

    标签: jquery css responsive


    【解决方案1】:

    最简单的方法可能是使用像Bootstrap 这样的框架,它自己执行“响应式”。 只需将 thi 添加到您的文档头中

    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    

    还有一个 &lt;div&gt; 包装您的内容:

    <div class="container">
    ...
    </div>
    

    此外,还有许多预先设置样式的组件,例如导航栏或模态框


    如果您想自己编写代码,这里有一些不错的 wiki 文章:

    https://www.w3schools.com/html/html_responsive.asp

    https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design


    PS:不用担心 - 响应式设计一开始对每个人来说似乎有点复杂!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-18
      • 1970-01-01
      • 2010-12-10
      • 2011-01-07
      • 2010-09-27
      • 2013-05-16
      • 1970-01-01
      • 2011-03-17
      相关资源
      最近更新 更多