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

网页自适应

news 2025/9/16 10:43:21

自适应

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

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

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

全局自适应

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

自适应的方式一般有

百分比布局
用相对单位rem
vh vw

网页自适应

自适应那就要最好提前商量好是全局自适应或者是局部自适应一般网站页面纵向滚动条都是无法避免的都是做横向适配也就是宽度那就不能写死宽度像素局部自适应一般对父元素设置百分比就行里面的子元素就设置固定像素、比如一些登录全局自适应也就是要对每个元素…...

编程日记 2023/8/30 12:58:22

什么是Sui Kiosk，它可以做什么，如何赋能创作者？

创作者和IP持有者需要一些工具帮助他们在区块链上实现其商业模式。Sui Kiosk作为Sui上的一种原语可以满足这种需求，为创作者提供动态选项，使他们能够在任何交易场景中设置完成交易的条件。本文将向您介绍为什么要在SuiFrens中使用Sui Kiosk&#xff0c…...

编程日记 2023/8/30 12:57:20

【MySQL】mysql connect

目录一、准备工作 1、创建mysql用户 2、删除用户 3、修改用户密码 3.1、自己改自己密码 3.2、root用户修改指定用户的密码 4、数据库的权限 4.1、给用户授权 4.2、回收权限二、连接mysql client 1、安装mysql客户端库 2、验证是否引入成功三、 mysql接口 1、初…...

编程日记 2023/8/30 12:56:19

基于 vue2 发布 npm包

背景：组件化开发需要，走了一遍发布npm包的过程，采用很简单的模式实现包的发布流程，记录如下。项目参考：基于vue的时间播放器组件，并发布到npm_timeplay.js_xmy_wh的博客-CSDN博客 1、项目初始化首先&a…...

编程日记 2023/8/30 12:55:16

一、安装Axios npm i axios -S 封装一个请求工具：request.js import axios from axios// 创建可一个新的axios对象 const request axios.create({baseURL: http://localhost:9090, // 后端的接口地址 ip:porttimeout: 30000 })// request 拦截器 // 可以自请求…...

编程日记 2023/8/30 12:54:15

时序预测 | MATLAB实现基于PSO-BiLSTM、BiLSTM时间序列预测对比

时序预测 | MATLAB实现基于PSO-BiLSTM、BiLSTM时间序列预测对比目录时序预测 | MATLAB实现基于PSO-BiLSTM、BiLSTM时间序列预测对比效果一览基本描述程序设计参考资料效果一览基本描述 MATLAB实现基于PSO-BiLSTM、BiLSTM时间序列预测对比。 1.Matlab实现PSO-BiLSTM和BiLSTM…...

编程日记 2023/8/30 12:53:14

C# 生成唯一ID

1.首先通过nuget安装yitter.idgenerator 下面的三行代码搞定...

编程日记 2023/8/30 12:52:12

python怎么提取视频中的音频

目录操作步骤 1. 安装MoviePy库： 2. 导入MoviePy库和所需的模块： 3. 提取音频： 可能遇到的问题 1. 编解码器支持： 2. 依赖项安装： 3. 文件路径问题： 4. 内存消耗： 5. 输出文件大小&a…...

编程日记 2023/8/30 12:51:11

学习设计模式之建造者模式，但是宝可梦

前言作者在准备秋招中，学习设计模式，做点小笔记，用宝可梦为场景举例，有错误欢迎指出。建造者模式建造者模式是一种创建型模式，主要针对于某一个类有特别繁杂的属性，并且这些属性中有部分不是必须的。…...

编程日记 2023/8/30 12:50:10

数学建模：变异系数法

🔆 文章首发于我的个人博客：欢迎大佬们来逛逛变异系数法变异系数法的设计原理是： 若某项指标的数值差异较大，能明确区分开各被评价对象，说明该指标的分辨信息丰富，因而应给该指标以较大的权重&#xf…...

编程日记 2023/8/30 12:49:08

paddle.load与pandas.read_pickle的速度对比（分别在有gpu 何无gpu 对比）

有GPU 平台测试通用代码 import time import paddle import pandas as pd# 测试paddle.load start_time time.time() paddle_data paddle.load(long_attention_model) end_time time.time() print(f"Paddle load time: {end_time - start_time} seconds")# 测试…...

编程日记 2023/8/30 12:48:07

探讨uniapp的路由与页面栈及参数传递问题

1首先引入页面栈框架以栈的形式管理当前所有页面， 当发生路由切换的时候，页面栈的表现如下： 页面的路由操作无非：初始化、打开新页面、页面重定向、页面返回、tab切换、重加载。 2页面路由 uni-app 有两种页面路由跳转方式&am…...

编程日记 2023/8/30 12:47:06

字节一面：你能讲一下跨域吗

前言最近博主在字节面试中遇到这样一个面试题，这个问题也是前端面试的高频问题，作为一名前端开发工程师，我们日常开发中与后端联调时一定会遇到跨域的问题，只有处理好了跨域才能够与后端交互完成需求，所以深入学习跨域…...

编程日记 2023/8/30 12:46:04

leetcode 563.二叉树的坡度

⭐️ 题目描述 🌟 leetcode链接：https://leetcode.cn/problems/binary-tree-tilt/description/ 代码： class Solution { public:int childFind(TreeNode* root , int& sumTile) {if (root nullptr) {return 0; // 空树坡度为0}int l…...

编程日记 2023/8/30 12:45:02

【第1章数据结构概述】

目录一. 基本概念 1. 数据、数据元素、数据对象 2. 数据结构二. 数据结构的分类 1. 数据的逻辑结构可分为两大类：a. 线性结构；b. 非线性结构 2. 数据的存储结构取决于四种基本的存储方法：顺序存储、链接存储、索引存储、散列存储 3. …...

编程日记 2023/8/30 12:44:00

【附安装包】MyEclipse2019安装教程

软件下载软件：MyEclipse版本：2019语言：简体中文大小：1.86G安装环境：Win11/Win10/Win8/Win7硬件要求：CPU2.5GHz 内存4G(或更高）下载通道①百度网盘丨下载链接：https://pan.baidu.co…...

编程日记 2023/8/30 12:42:59

poi-tl设置图片（通过word模板替换关键字，然后转pdf文件并下载）

选中图片右击选择设置图片格式例如word模板 maven依赖 <dependency><groupId> e-iceblue </groupId><artifactId>spire.doc.free</artifactId><version>3.9.0</ver…...

编程日记 2023/8/30 12:41:57

[element-ui] el-tree 懒加载load

懒加载：点击节点时才进行该层数据的获取。注意：使用了懒加载之后，一般情况下就可以不用绑定:data。 <el-tree :props"props" :load"loadNode" lazy></el-tree>懒加载—由于在点击节点时才进行该层数据的获取…...

编程日记 2023/8/30 12:40:57

【C++】使用 nlohmann 解析 json 文件

引言 nlohman json GitHub - nlohmann/json: JSON for Modern C 是一个为现代C（C11）设计的JSON解析库，主要特点是易于集成，仅需一个头文件，无需安装依赖易于使用，可以和STL无缝对接，使用体验…...

编程日记 2023/8/30 12:39:55

Nginx到底是什么，他能干什么？

目录 Ngnix是什么，它是用来做什么的呢？ 一。Nginx简介二，为什么要用Nginx呢？ 二。Nginx应用 1.HTTP代理和反向代理 2.负载均衡 Ngnix是什么，它是用来做什么的呢？ 一。Nginx简介 Nginx是enginex的简写&…...

编程日记 2023/8/30 12:38:53

多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度

一、引言：多云环境的技术复杂性本质企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时，基础设施的技术债呈现指数级积累。网络连接、身份认证、成本管理这三大核心挑战相互嵌套：跨云网络构建数据…...

编程新知 2025/9/13 18:53:26

循环冗余码校验CRC码算法步骤+详细实例计算

通信过程：（白话解释） 我们将原始待发送的消息称为 M M M，依据发送接收消息双方约定的生成多项式 G ( x ) G(x) G(x)（意思就是 G （ x ) G（x) G（x) 是已知的）&#xff0…...

编程新知 2025/9/6 15:42:34

【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表

1、行为树节点分类在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点）和 Decorator（装饰节点）四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...

编程新知 2025/7/24 3:18:58