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

网页自适应

自适应

那就要最好提前商量好 是全局自适应 或者是 局部自适应

一般网站页面纵向滚动条都是无法避免的
都是做横向适配也就是宽度
那就不能写死宽度像素

局部自适应
一般对父元素设置百分比就行
里面的子元素就设置固定像素、
比如一些登录

全局自适应

  1. 也就是要对每个元素设置相对单位
  2. 还有就是对全局整个页面进行缩放,在vue项目总就是对app.vue页面进行缩放

自适应的方式一般有

  1. 百分比布局
  2. 用相对单位rem
  3. vh vw
http://www.lryc.cn/news/145821.html

相关文章:

  • 什么是Sui Kiosk,它可以做什么,如何赋能创作者?
  • 【MySQL】mysql connect
  • 基于 vue2 发布 npm包
  • 基于Axios完成前后端分离项目数据交互
  • 时序预测 | MATLAB实现基于PSO-BiLSTM、BiLSTM时间序列预测对比
  • C# 生成唯一ID
  • python怎么提取视频中的音频
  • 学习设计模式之建造者模式,但是宝可梦
  • 数学建模:变异系数法
  • paddle.load与pandas.read_pickle的速度对比(分别在有gpu 何无gpu 对比)
  • 探讨uniapp的路由与页面栈及参数传递问题
  • 字节一面:你能讲一下跨域吗
  • leetcode 563.二叉树的坡度
  • 【第1章 数据结构概述】
  • 【附安装包】MyEclipse2019安装教程
  • poi-tl设置图片(通过word模板替换关键字,然后转pdf文件并下载)
  • [element-ui] el-tree 懒加载load
  • 【C++】使用 nlohmann 解析 json 文件
  • Nginx到底是什么,他能干什么?
  • 如何判断一个java对象还活着
  • Go语言基础之结构体
  • 前端食堂技术周刊第 96 期:2023 CSS 状态、Nuxt 3.7、TypeScript 5.2、eBay 性能优化、贝塞尔曲线
  • 一文总结Redis知识点
  • ARM寄存器组
  • Windows查看当前文件夹下的所有.c文件的个数
  • ubuntu Qt 地图离线调用
  • Android Studio升级到Android API 33版本后,XML布局输入没有提示
  • 操作XML(带命名空间)
  • 二叉搜索树(C++)
  • 软件架构知识点