如图，web端的效果：
现在要改成移动端页面也要有一样的效果，但网页宽度、高度、定位写死了，移动端的屏幕大小不同，导致出现问题：
开发用的是vue。
有什么办法能够让页面随屏幕大小自动缩放？
关于web端页面如何快速适配移动端
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2024-01-24 14:47Steven Hank的博客 1、访问主域名根据请求来源判断分发到不同的适配代码中，设备判断一般情况下是nginx那层做判断。2、页面根据userAgent进行浏览器判断设备，已达到适配效果。
- 2024-04-01 15:38您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换，轻松打造出符合您项目风格的网站。同时，我们的代码结构清晰、注释详细，方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计...
- 2023-02-24 16:25猫大喵的博客 单个静态页面布局，需要手动将px单位换成rem单位，有些不需要动态缩放的元素依旧使用px.2.2 vue3中使用postcss-px-to-viewport 适配屏幕。px-to-viewport-ignore */ —> 当前行不进行转换。通过css的@media媒体查询...
- 2024-06-01 21:54悠然境的博客 前端代码在移动端的适配方案
- 2024-05-15 11:322401_84091628的博客 因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴...
- 2025-04-24 17:32蓝精灵001的博客 Web 端兼容移动端的用户交互处理是一个复杂但必要的工作。单一的检测方法（如 UA 判断）往往不可靠，而结合和可以更准确地判断设备的交互能力。综合方案通过多维度检测，能够适配手机、平板、触摸屏PC等多种设备，...
- 2022-07-24 21:02病友y的博客 马上的一个趋势让flex做布局（盒子摆放），让rem或者vw/vh实现网页元素的尺寸（宽度和高度）适配屏幕淘宝移动端所使用的rem适配B站移动端所使用的vm适配。...
- 2022-09-24 23:25本文将深入探讨“适配移动端的HTML5”这一主题，讲解如何利用HTML5特性实现优秀的移动端用户体验。 一、响应式设计（Responsive Design） 在移动设备屏幕尺寸多样化的背景下，响应式设计成为必备技能。通过CSS3的...
- 2025-04-07 16:38septhana8的博客 在JavaScript开发中，适配移动端是一个至关重要的环节，它确保你的网页或应用能够在各种尺寸的移动设备上正确显示和交互。
- 2020-04-05 23:29dzydzy7的博客 我在写一个页面的时候，写一个header，其中的每个元素都是固定宽度...电脑端页面：每个元素都是150px 然后我们编写公用的header模板(使用了thymeleaf模板引擎)： <!DOCTYPE html> <html lang="en" xmlns:...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 10月15日-
修改了问题
10月14日
-
创建了问题
10月14日