当前位置: 首页 > news >正文

每个高级前端工程师都应该知道的前端布局

首发于公众号 大迁世界,欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 😜 分享个人创业过程中的趣事

快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home

1.响应式

一套适用于手机、iPad 和 PC 的代码。每次加载不同的样式时,它们都能在一个项目中兼容。这就是所谓的响应性。然后,我希望产品经理能多考虑一下。我不想做了设计工作,最后却说它不好看,因为我不会做设计。

2.自适应

自适应是一套代码,无论屏幕尺寸如何变化,改变的只是页面的元素尺寸,而不会出现三栏变两栏的表格变化。以前,领导和设计总让我修改页面,说是自适应窗口的变化。结果要求把三栏改成两栏。为什么要把这个按钮隐藏起来,那个按钮改成外观,怎么改呢?难道不需要设计一张图片吗?我是不是在幻想?

  • 使用弹性布局
  • 使用百分比
  • 避免写死宽度和高度
  • 添加滚动条
  • 使用 rem

3.移动终端的常用宽度和高度

http://www.lryc.cn/news/169535.html

相关文章:

  • 100道基于Android毕业设计的选题题目,持续更新
  • idea显示git分支信息(GitToolBox插件)
  • Hadoop知识点之Hadoop发展历程
  • 阿里云无影电脑:免费体验无影云电脑3个月
  • 菜鸟教程《Python 3 教程》笔记(20):面向对象
  • vue2编辑markdown
  • PCB走线规则
  • webpack静态资源上传到CDNS (阿里云 OSS,亚马逊 AWS S3,七牛云 Qiniu Cloud Kodo)webpack-plugin-cdns
  • python 异常
  • stm32--独立看门狗
  • vue3中css使用script中定义的变量
  • Ubuntu 22.04 安装配置 flatpak
  • oracle创建数据库以及用户,并导入dmp格式数据
  • [deeplearning]pytorch实现softmax多分类问题预测训练
  • 【C++初阶】动态内存管理
  • Mac电脑安装Zulu Open JDK 8 使用 spring-kafka 消费不到Kafka Partition中的消息
  • CodeArts Check代码检查服务用户声音反馈集锦(2)
  • 红帽RHCE9.0学什么内容,新版有什么变化
  • 线性代数的本质(一)——向量空间
  • PP-Tracking之C++部署
  • 智慧公厕建设,要以技术为支撑、体验为目的、业务为驱动
  • 通过Sealos 180秒部署一套K8S集群
  • 如何获取美团的热门商品和服务
  • 开启编程之门
  • 【ES】Too many dynamic script compilations within, max: [75/5m]; 问题处理
  • LED智能家居灯 开关调光 台灯落地灯控制驱动 降压恒流IC AP5191
  • 贪心算法的思路和典型例题
  • 演讲笔记|《一个ppt者的成长故事》
  • 【八大经典排序算法】堆排序
  • Redis五大基本数据类型