不谈代码部分只想知道思路，我的想法就是确定一个比例，设定两个变量为这个比例，然后根据各种设备的像素去除这个比例得到放大倍数，然后让页面和组件去跟着这个放大倍数缩放，但是不知是不是这样，或者还有什么更好的方法
1条回答 默认 最新
我是李大福 2022-04-05 15:51关注响应式布局有好几种实现方式。你说的确实是一种，你的这种可以通过改变viewpoint的属性实现。
还有就是使用media查询实现。
还有使用rem代替px作为单位。
还有就是你说的那种，依然使用px做单位，所有的样式用js来写，就可以加一个比例系数本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2021-06-16 08:56张岱珅的博客 概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率...
- 2019-08-01 18:24heart_is_sunny的博客 响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同显示方式。其理念是：页面的设计与开发会根据用户行为以及不同设备的环境来响应和调整。具体的实现方式有很多种，包括弹性网格和布局，图片，css媒体查询等...
- 2020-12-13 08:28响应式布局设计是一种现代网页设计方法，旨在确保网站在不同尺寸和类型的设备上都能提供良好的用户体验。这种设计方法的关键在于其灵活性，使网页能够自动适应屏幕尺寸的变化，无论是桌面电脑、平板电脑还是智能手机...
- 2020-09-22 13:20响应式布局的实现原理基于弹性盒模型（Flexbox）和百分比布局等技术。弹性盒模型提供了一种更加灵活的方式来布局、对齐和分配容器内元素的空间，即使在未知空间尺寸的情况下也能保持元素间的相对关系。百分比布局则...
- 2023-06-05 13:00响应式布局可以通过使用弹性的栅格布局来实现，不同尺寸下弹性适应。 Meta 标签和 Media Queries 是实现响应式布局的常用方法。 Meta 标签是一种 HTML 标签，用于定义文档的元数据。在响应式网页布局中，Meta 标签...
- 2020-10-29 11:11jason_stellina的博客 什么是响应式布局 可以自动识别屏幕宽度，并做出相应调整的网页设计，布局和展示的内容可能会有所改变 当提到响应式布局时，自然会想到自适应布局，那两者到底有什么区别呢 什么是自适应布局 同一张网页自动适应不同...
- 2021-01-17 16:47Albert Yang的博客 承蒙各位小伙伴的支持，鄙人有幸...谢谢！❤️ 每一票都是我坚持的动力和力量！... 作者：AlbertYang，软件设计师，Java工程师，前端工程师，爱阅读，爱思考，爱编程，爱自由，信奉终生学习，每天学习一点点，就是领...
- 2021-08-27 14:47wxl_1501115的博客 响应式布局框架基本原理 一、响应式布局概念 Responsive design（响应式布局），意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 二、...
- 2025-02-23 11:12具体涵盖响应式布局的尺寸划分、栅格系统的实现机制以及容器设置等方面的内容。通过对不同分辨率屏幕的适应策略解析，帮助开发者理解如何高效运用Bootstrap提供的工具快速构建美观、实用的网页。 适合人群：适合有...
- 2021-03-15 16:52通过分析和实践这些源代码，开发者不仅可以了解响应式布局的工作原理，还能学习如何构建自己的响应式布局检测工具，从而提升网页设计的质量和效率。在实际开发中，这样的工具可以帮助我们快速定位和修复布局问题，...
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月13日
已采纳回答
4月5日-
创建了问题
4月5日