• 前端写页面如果不使用ui库，那么使用什么布局最多呢?

    关注 码龄 粉丝数 原力等级 -- 被采纳 被点赞 采纳率 轻装前行. 2024-03-27 18:38 采纳率: 0% 浏览 3 首页/ 前端 / 前端写页面如果不使用ui库，那么使用什么布局最多呢? 前端html5css 在实习找工作的过程中，公司面试官总是要求完成一个响应式页面，并且不能使用UI库这类的测试题，我第一反应是使用flex或者媒体查询，想问一下大家在项目开发中，如果不能使用ui库的情况下，使用的那种方式多呢? 收起 写回答 好问题 0 提建议 追加酬金 关注问题 微信扫一扫 点击复制链接 分享 邀请回答 编辑 收藏 删除 结题 收藏 举报 追加酬金 (90%的用户在追加酬金后获得了解决方案) 当前问题酬金 ¥ 0 (可追加 ¥500） ¥ 15¥ 20¥ 50¥ 100¥ 200 支付方式 扫码支付 二维码出错 点击刷新 支付金额 15 元 提供问题酬金的用户不参与问题酬金结算和分配 支付即为同意 《付费问题酬金结算规则》 结题 再想想 删除 再等等

    2条回答 默认 最新

    • 专家-皆知 2024-03-27 18:38
      关注

      引自免费微信小程序：皆我百晓生

      在没有使用UI库的情况下，前端开发人员通常会采用以下布局方式：

      1. flex布局：Flex布局是一种强大且灵活的布局方式，它允许开发者通过简单地指定元素的排列方式来控制页面的布局。使用flex布局，开发者可以轻松地创建响应式页面，并且可以根据需要自定义页面的布局。
      2. CSS Grid布局：CSS Grid布局是一种基于二维网格系统的布局方式，它允许开发者通过指定元素在网格中的位置来控制页面的布局。与flex布局相比，CSS Grid布局可以提供更多的控制和灵活性，但是学习曲线可能更陡峭。
      3. 传统布局方式：在没有使用UI库的情况下，一些开发者可能会选择使用传统布局方式，例如表格布局、浮动布局等。这些布局方式通常比较繁琐，需要手动控制元素的位置和大小，但是在某些情况下，它们可能是最合适的解决方案。

      总之，在没有使用UI库的情况下，前端开发人员通常会采用flex布局或CSS Grid布局来创建响应式页面，而传统布局方式则可能用于一些特定的情况。

      评论 编辑记录
    • 码农阿豪 Java领域优质创作者 2024-03-27 18:38
      关注
      让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言
      回答： 在项目开发中，如果不能使用UI库，我们可以使用纯CSS的方式实现响应式布局。这样可以通过自己手写CSS来学习样式的实现方式，而不是依赖于库或框架的封装。 一些常见的纯CSS实现响应式布局的方法包括：
      1. Flexbox布局，使用flex属性实现弹性布局，可以轻松地实现响应式布局。
      2. Grid布局，使用grid属性实现网格布局，也可以实现响应式布局。
      3. 媒体查询（@media），可以在不同屏幕大小下应用不同的CSS样式。比如可以针对不同尺寸的设备（如手机、平板、电脑等）设置不同的样式。 以下是一个使用Flexbox布局实现的简单响应式布局示例： HTML代码：

      CSS代码：

      .container {
  display: flex;
  flex-wrap: wrap;
}
.box {
  width: 100%;
  height: 100px;
}
@media (min-width: 768px) {
  .box {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .box {
    width: 33.33%;
  }
}

      该布局将container容器设置为弹性布局，并使用flex-wrap属性将子元素（box）放在多行中。通过媒体查询，当屏幕宽度大于768px时，box元素的宽度改为50%，当屏幕宽度大于1200px时，box元素的宽度改为33.33%。 可以看到，通过简单的CSS代码，我们就实现了一个响应式布局。

      展开全部

      评论
    编辑
    预览

    报告相同问题？

  • 相关阅读:
    MySQL 篇-深入了解 DDL 语言（一）
    Python灰帽编程——错误异常处理和面向对象
    2022.8.2 模拟赛
    vue 移动端app预览和保存pdf踩坑
    视觉特效，图片转成漫画功能
    什么是 内网穿透
    免费个人站 独立站 wordpress 自建网站
    阿里云和AWS的对比研究一：AWS的起源
    mybatis中的多表查询
    ICMP协议(一)
  • 原文地址：https://ask.csdn.net/questions/8079959