51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

前端大屏 rem
目录 1.大屏适配的要求（普遍） 2.可用技术 3.使用第一步， src目录下utils文件下新建drawMixin.js文件，将以下代码粘贴进去第二步，在根组件如app.vue或index.vue文件(页面最外层的标签)写入以下代码 第三步，设置根标签的样式局限性：效果图：浏览器25%下全屏视角，横向、纵向无滚动条，在25%~500%下页面是一样的。&nb
前端大屏 rem
前端
html
javascript
全屏
转载
码海探险家
8月前
67阅读

前端大屏rem方案
前端常用单位 单位，在各个领域都是很常见的。那么在前端领域用到了哪些单位呢，这篇文章让我们细细了解一下！下面我讲列举：pt、px、em、rem、vh、vw、vmax、vmin、rpx、ch等单位的定义、用法及注意点。首先，来了解pt、px、em、rem这四个单位。 pt 单位名称为点（Point），绝对长度单位。1pt＝1/72英寸，常用于印刷当中，在AI、PS等设计软件当中字体大小所用的单位就
前端大屏rem方案
前端
css
javascript
微信小程序
转载
mob64ca13fd9f8e
2024-09-16 12:16:22
67阅读

前端大屏适配rem方案
——李郑雄 2018-04-261、开发流程概述：主要流程包含以下步骤：需求调研，场景布局， UI设计， DEMO确认，场景切图，场景开发，测试部署，上线演示，迭代调整，数据同步及接入，正式上线。2、 requireJS框架： requireJS使用教程链接require是一个轻量级框架，用于模块化的设计网页中的各组成部分然后再将这些模块组合在一起。各模块间相对独立、
前端大屏适配rem方案
前端
网络
ui
ViewUI
转载
智能开发者
8月前
28阅读

前端vue3大屏 rem
vue的使用目录vue的使用一、创建vue项目二、pycharm开发vue项目1、安装vue.js插件2、运行vue项目三、vue项目的目录结构四、vue的使用1、创建新的组件2、显示数据3、方法的绑定五、axios1、安装axios2、使用axios（1）在mian.js中配置（2）在组件中使用六、vue绑定1、绑定图片2、绑定事件3、绑定路由七、vue页面挂载八、vue中路由携带参数九、vue
前端vue3大屏 rem
ios
数据
vue.js
转载
mob64ca13f96cda
9月前
50阅读

前端大屏适配方案rem
屏幕适配屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。从最早的PC端屏幕来说，大部分的屏幕适配采取的是：页面框架最外层元素宽度固定，并且居中，高度随内容自适应，比较常见的是宽度为
前端大屏适配方案rem
web app
CSS
缩放
html
转载
epeppanda
5月前
287阅读

rem 大屏适配
就目前看来，web的屏幕适配是贯穿整个前端行业的，如常见的PC端，移动端，响应式，小程序等。PC端特点PC端的屏幕具备以下特点：屏幕大小一般是大于 13.3英寸 用户会经常拖拉浏览器的大小原因正是因为 PC端上的浏览器大小会经常被改变，而且改变的范围还很大，用户会全屏浏览器，用户也会缩小浏览器到一个很小的值，如600px左右。 所以pc端上如果使用流式布局(百分比布局)，会导致页面很难看。解决所以
rem 大屏适配
javascript
html
移动端
响应式
转载
jack
8月前
81阅读

大屏适配rem
一、目前市场上适配方案有两种；vw、vh方案：原理：按照设计稿的尺寸，将px按比例计算转为vw和vh；优点：不会存在失真情况、可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟 ui 稿不一致时，不会出现两边留白情况；缺点：类似第三方echart图表都需要单独做字体、间距、位移的适配，比较麻烦核心代码以sass为例/*util.scss*/ @use 'sass:math'; //默认设计稿
大屏适配rem
javascript
html
css
前端
转载
feiry
9月前
120阅读

大屏rem控制
概述　　S3C2440中的LCD控制器由位于系统存储器的视频缓冲区到外部LCD驱动器的转移LCD图像数据逻辑组成。LCD控制器支持单色LCD，2位每像素（4阶灰度）或4位每像素（16阶灰度）模式，通过使用基于事件的抖动算法和帧频控制（FRC）方法，其可以连接到8位每像素（256色）的彩色LCD面板和连接到12位每像素（4096色）的STN LCD。　　其支持1位每像素，2位每像素，4位每像素和8位
大屏rem控制
寄存器
数据
屏幕尺寸
转载
夜行者3号
5月前
17阅读

rem 使用大屏
苹果部分移动产品使用了一种名为Retina（视网膜）屏幕的显示技术。苹果表示，Retina屏幕是一种具备超高像素密度的液晶屏，它可以将960×640的分辨率压缩到一个3.5英寸的显示屏内。也就是说，该屏幕的像素密度达到326像素/英寸（ppi）。 目录 Retina屏幕显示技术 远远超出了业界的Retina显示技术 编辑本段Reti
rem 使用大屏
iphone
apple
ipad
照片
转载
mob64ca14085c24
4月前
37阅读

rem 设置 大屏 怎样设置大屏
由于特殊情况的影响，目前很多学校均推迟了开学时间，以此来保障学生们的安全。但对于学生而言，时间是十分宝贵的，因此也有部分学校选择通过网络进行线上授课，尽量避免因为这段非常时期而耽误了学生的学习节奏。vivo智慧投屏——让手机屏幕“变大”对于很多人而言，手机是用来观看网课的主要设备。但这同时也带来了一个问题，那便是手机屏幕不够大，在长时间观看的情况下，可能会让用户感到疲倦，对视力也会产生影响。那么如
rem 设置 大屏
vivo手机怎么投屏到电脑
解决方案
屏幕显示
转载
技术领航员
2024-08-07 08:26:31
38阅读

rem适配大屏 rem怎么适配
文章目录【移动Web开发之rem适配布局】前端小抄(18)一、rem单位1.1 rem 单位二、媒体查询2.1 什么是媒体查询2.2 语法规范2.2.1 mediatype 查询类型2.2.2 关键字2.2.3 媒体特性2.3 媒体查询+rem实现元素动态大小变化2.4 引入资源（理解）三、Less基础3.1 维护CSS的弊端3.2 Less介绍3.3 Less安装（注意如果使用VSCode无需
rem适配大屏
前端
css
css3
Less
转载
mob64ca1403c772
2024-05-04 16:06:00
106阅读

前端面试题 大屏适配rem
目录标题1、Vue概述2、前端知识体系2.1、前端三要素2.2、结构层（HTML）2.3、表现层（CSS）2.4、行为层（JavaScript）JavaScript框架UI框架JavaScript构建工具2.5、三端同一混合开发（Hybrid App）微信小程序2.6、后端技术2.7、主流前端框架Vue.jsiViewElement UIICEVantUIAtUICube Ul混合开发Flutt
前端面试题 大屏适配rem
编程语言
vue
Vue
UI
转载
墨守成规de网工
6月前
94阅读

兼容大屏的rem
屏幕分辨率兼容性一、相关概念1、手机屏幕分辨率说明2、桌面屏幕分辨率说明二、兼容处理屏幕分辨率的推荐做法1、栅格布局（Grid layout）2、CSS3媒体查询（@media）3、REM布局4、视口单位（vw/vh）5、图片响应式方案三、测试工具 在不同的屏幕分辨率，浏览器页面展示差异很大。特别是屏幕分辨率较小时，容易发生布局错乱。为了解决这个问题，响应式设计方案应运而生。一、相关概念按照设备
兼容大屏的rem
bootstrap
屏幕分辨率
媒体查询
响应式
转载
索姆拉
8月前
61阅读

使用rem适配大屏
记公司项目中数字大屏适配4K大屏的问题在接手的时候，前端页面已经开发完成，div高度与宽度是百分比，所以适配问题不用考虑宽高问题，但字体边距等没有统一单位，要求适配4k屏首先4k屏的宽高是3840*2160有以下几种思路作参考媒体查询，在public的index.html文件里设置根元素大小来适配利用@media screen and (min-width:3100px){ font-size：
使用rem适配大屏
css
前端
html
vue.js
转载
我心依旧
6月前
71阅读

大屏适配rem vue
大屏自适应之前有用过postcss-pxtorem之类的插件，但是插件只针对css样式，在js和vue模板中的样式，还有echarts的属性值都不能经过插件直接转换。要手动分装方法再次调用，就会比较麻烦，而且有时候写着写着就忘加了，开发就一个分辨率的显示器，最多就是f12打开挤兑挤兑测测。解决方案 ------- 缩放 + scrollbar（非全屏）可以使用transform: scale(${
大屏适配rem vue
javascript
vue.js
全屏
缩放
转载
mob64ca1419a401
6月前
67阅读

js大屏适配 rem
/** * 文档坐标 * 视口坐标 * 鼠标坐标 * * 元素位置和尺寸 */ function xx() { // 最大可滚动的大小 = 可滚动的大小 - 可视区域的大小 var scrollMax = d1.scrollHeight - d1.clientHeight; // 如果最大可滚动的大小 - 已滚动的大小 >= 阀值
js大屏适配 rem
javascript
ViewUI
bc
html
转载
字节墨海星
5月前
24阅读

rem 做数据大屏
随着大数据产业的发展，越来越多的公司开始意识到数据资源的管理和运用，特别是一些中、大型企业，在日常中会经常用到可视化大屏，这个时候就需要UI设计师能呈现出相应的视觉效果。下面，就给大家介绍一下可视化大屏的UI设计。 1、拼接大屏：大屏几乎都是拼接屏，UI设计时不用考虑屏幕缝隙影响内容的呈现，内容不会丢失，但有可能影响视觉的表现，例如一个很大的人物图像被缝隙正中“劈成”两半，或者“劈中”
rem 做数据大屏
拼接大屏数据展示
UI
数据
视觉设计
转载
网络安全守卫
5月前
8阅读

大屏怎么用rem
一、前言二级窗体的打开与关闭，这个功能也很有必要，由于整个系统中各种模块数量窗体数量比较多，后期可能还会增加更多，在4K屏幕上可以显示很多的模块，但是有时候有些模块不想显示出来，就需要将该模块关闭掉，直接在二级窗体的标题栏上增加关闭按钮，可能会影响整体的布局，此时提供鼠标右键菜单来控制各个模块的开关，就非常爽了，QDockWidget上场，QMainWindow类中如果有Dock类，则会自动生成右
大屏怎么用rem
Qt数据可视化
大屏电子看板
标题栏
数据库
转载
hushuo
7月前
0阅读

pc大屏rem适配
上周完成一个PC端的项目，对于我这样的小白来说，这个项目里面最大的问题就是，如何做到让HTML页面适应电脑的不同分辨率。 通过师傅的指导和自己查阅资料，最终成功适配不同的分辨率，完成了这个项目。 现在回头再来看这个项目，突然发现适配不同的分辨率真的非常简单。这里总结两种方法，跟大家分享一下。希望可以帮助大家快速完成自己的项目。一.根据不同的分辨率，加载不同的CSS样式文件这个方法的思路是，分别针对
pc大屏rem适配
前端
ui
python
ViewUI
转载
mob64ca14089531
4月前
33阅读

大屏自适应 rem
前言最近在做可视化大屏项目，遇到自适应的问题，这边做下记录。方案方案一：利用css的transform属性构造组件以及设计百分比以及scal()方法：第一步：先写一个组件，width = 100vw,height = 100%,作为大屏展示的背景<template> <div class="screen-large"> <div class="screen
大屏自适应 rem
css
前端
javascript
宽高
转载
flyingsmiling
7月前
30阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

数据大屏 px rem 数据大屏软件

大屏怎么使用rem 如何用大屏

大屏用rem 大屏用led还是液晶

rem 大屏自适应方法

大屏css怎么用rem

vue PC大屏rem适配

vue3 大屏 rem

大屏 使用 高度问题rem

数字大屏如何用rem

前端大屏架构方案 前端大屏布局

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯