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

移动端布局
移动端布局
移动
布局
原创
outsider96
2018-11-25 18:34:09
1322阅读
1点赞

移动端布局
一、学习使我快乐 笔记来自拉勾教育大前端，说真的，对于机构我起初报有的信心不是很大，包括以前也报过，但是都因为各种原因半途而费了，偶然的机会...
css
移动端
html
原创
ambition安掌门
2022-03-03 10:53:09
150阅读

移动端布局
开开发( 分开开发 也是要写 两套代码)如果想在既能适应PC、又能适应移动端 响应式开
html
css
缩放
转载
Python全栈开发
2022-04-13 18:15:55
615阅读

移动端布局
CSS初始化 normalize.csshttp://necolas.github.io/normalize.css/视口标
css
移动端
Less
原创
奥特慢更快
2023-02-24 12:11:31
149阅读

移动端布局
*网页中常用的单位有哪些* - px 像素 - em 相对单位 - pt 磅 硬件设备 - % 宽高自适应 - deg 移动端重要的单位: rem 相对于根元素html的font-size的大小进行计算的 移动端布局的思路 - 每一个移动端的尺寸大小都是不一样的 html的宽高大小也是不一样的 - ...
移动端
html
媒体查询
宽高
css样式
转载
mob604756fa6ad7
2021-08-28 11:41:00
226阅读
2评论

vue3 移动端布局 使用rem
作者：清风皓月一.涉及技术点vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理二.步骤vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-app --template vue-ts配置路由npm install vue-router@4 --save在src下新建router目录，新建index.ts文件import
vue3 移动端布局 使用rem
less
vc++
内存结构
opencl
转载
killads
9月前
163阅读

PC和移动响应式布局 vue element 移动端响应式布局方式
简介所谓移动端响应式布局，就是最终布局适配不同的手机型号，针对不同的屏幕分辨率的终端上能够浏览网页展示的不同方式，我们也可以称为移动端适配布局。总结就是一个移动端网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性较强能够快捷解决多设备显示适应问题实现方式1、百分比% 实现当浏览器的宽度或者高度发生变化时，通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的
html
css
媒体查询
转载
mob64ca13f937ae
2月前
0阅读

移动端布局杂谈
移动端 这种布局，你们怎么做的？NO1：图片position， 外层容器padding 线是细节，可以border+负margin，然后加入1border的做法可以用伪类＋scale高度要定，看需求，有max和min可以用 去研究下别人怎么写的吧，不同情况布局方法可能不一样 D...
html
css
scala
原创
成都阿信
2022-05-05 11:39:05
123阅读

移动端布局(最全)
更新中---------
flex
bootstrap
css
栅格系统
ico
原创 精选
张无忌的猪
2023-05-08 17:15:55
271阅读

移动端布局方案
1 移动端布局方案 1.1 百分比布局（流式布局） 百分比布局是一种等比例缩放的布局方式，也是移动Web开发中比较常见的布局方式。在CSS代码中需要使用百分比来设置盒子的宽高。 例如，把盒子的宽度设置成百分比，网页就会根据浏览器的宽度和屏幕的大小来自动调整显示效果。 而且一般的情况下，我们都会用 max-width 和 min-width 做相关的宽度限制以防止过度的拉伸。以下是子元素设置百分比的
html
百分比布局
CSS
原创
学技术赢未来
2023-09-27 08:53:29
280阅读
1点赞

移动端导航布局
写在最前：移动端中导航的网格式布局无处无在，宽高怎么设置相适应？元素怎么居中对齐？不同场景怎么选择代码最高效？巧妙使用margin、padding等基础属性，小小技巧可以解决许多烦恼！ 一、Float布局 1、场景 首页导航布局（无间距） 2、页面布局 <div class="g-grid"> <d
页面布局
宽高
自适应
移动端
显式
转载
mb5ff4099f0a555
2020-11-20 16:47:00
209阅读
2评论

移动端布局2：vw结合rem实现移动端布局
上一回说到了媒体查询结合rem做移动端布局，步骤如下 首先设置媒体查询，确定html中font-size值的变化 @media all and (max-width:320px){ html{font-size:12px;} } @media all and (min-width:321px) an
html
媒体查询
css
重置
屏幕宽度
转载
mb5fdb0a4002420
2020-05-14 10:23:00
202阅读
2评论

移动端布局3：flexible.js实现移动端布局
flexible.js (750px) 实现步骤： 1：先去掉禁止用户缩放的meta标签 2：在页面中导入flexible.js <script src=""></script> 3:量出header的height为88px 4:88px / 100 == 0.88rem;
meta标签
缩放
其他
转载
mb5fdb0a4002420
2020-05-14 10:31:00
157阅读
2评论

ios 移动端样式 css移动端布局
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比1.2 背景缩放background-size语法：background-
ios 移动端样式
css
媒体查询
html
转载
技术极客之光
2023-07-13 11:23:17
273阅读

移动端 部署架构 移动端布局有哪些
1、响应式布局：px概念：           响应式网页设计就是一个网站能够兼容多个终端-----而不是为每个终端做一个特定的版本；           其目的是为用户提供更加舒适的界面和更好的用户体验；优缺点： 优点： 面对不同分辨率设备灵活性强；能够快捷解决多设备显示适应问
移动端 部署架构
html
移动端
iphone
转载
陌陌香阁
2023-12-08 19:02:29
64阅读

vue页面ios移动端设置 vue移动端app
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
vue页面ios移动端设置
Vue
App
json
转载
智能探索者之家
2023-08-22 11:38:53
395阅读

1 移动端布局基础：流式布局
一 移动端基础 二 视口
移动端
编程
转载
mb5ff409fbbe221
2021-02-03 09:38:00
371阅读
2评论

VUE 移动端自适应布局终极解决方案
大佬们欲知详情看看这个https://github.com/imochen/hotcss引入px转re
css
命名空间
scala
原创
xyphf_和派孔明
2022-07-22 10:11:23
580阅读

移动端开发—流式布局
移动端开发选择一、单独制作移动端页面(主流)通常情况下，网址域名前加m(mobile)可以打
css
css3
前端
html5
html
原创
wx62bdb159cc187
2022-07-04 09:06:49
233阅读

移动端使用rem布局
常用的解决移动端布局的方案大概有：1.flex弹性布局1）高度定死，宽度自适应，元素都采用px做单位。2）随着屏幕宽度变化，页面也会跟着变化，效果就和PC页面的流体布局差不多，在哪个宽度需要调整的时候使用响应式布局调调就行（比如网易新闻），这样就实现了『适配』。2.百分比3.用框架搭建页面4.viewport适配4.1 优点：1）避免复杂的计算，直接使用UI的标准像素值4.2 缺点：2）不能使用m
移动端使用rem布局
css
css3
前端
html
转载
mob64ca141139a2
6月前
47阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

浅谈移动端布局问题

移动端布局方案 网易

6.0 移动端页面布局

unity 移动端 ui 布局

移动端布局1：媒体查询结合rem实现移动端布局

【移动端网页布局】移动端网页布局基础概念 ① ( 移动端浏览器 | 移动端屏幕分辨率 | 移动端网页调试方法 )

vue 移动端rem

vue 开发移动端

vue 移动端 demo

vue移动端分页

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

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