. . . . . 2016-11-19 12:44 采纳率: 0%
浏览 990

关于web开发中的响应式布局

在web开发中，如何我页面布局不写像素，而是以百分比代替，那么要媒体查询还有什么用？意义在哪，用百分比不也可以做成响应式布局吗？求教

  • 写回答

1条回答 默认 最新

  • devmiao 2016-11-19 16:39
    关注

    http://blog.csdn.net/gertyy/article/details/52764527

    评论

报告相同问题？

  • 前端开发中响应式布局与Bootstrap框架的应用详解
    2025-02-23 11:12
    内容概要：本文详细介绍了响应式布局的基本概念及其在Web开发中的应用，并重点讲述了Bootstrap框架的特点与使用方法。具体涵盖响应式布局的尺寸划分、栅格系统的实现机制以及容器设置等方面的内容。通过对不同分辨率...
  • 简要了解jQuery移动web开发的响应式布局设计
    2020-10-23 05:12
    在使用jQuery Mobile框架开发响应式布局时，可以通过结合CSS3的媒体查询来实现针对不同设备的特定布局。例如，我们可以在一个容器上设置一个自定义的类名（如“my-breakpoint”），然后编写媒体查询规则来定义在不同...
  • 移动端WEB开发之响应式布局
    2025-03-22 00:53
    magic 245的博客 本文深入探讨响应式开发原理与Bootstrap框架的应用，涵盖媒体查询、栅格系统、列嵌套、偏移与排序等核心概念。通过实际案例，展示如何利用Bootstrap快速构建响应式页面，提升开发效率与用户体验。
  • 移动端WEB开发之响应式布局推特
    2024-02-27 21:30
    dmnyksl的博客 Bootstrap是基于HTML、CSS和JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷中文官网：http://www.bootcss.com/官网：http://getbootstrap.com/推荐使用：http://bootstrap.css88.com/框架：顾名思义就是一套架构，...
  • 响应式Web开发项目源代码课后题
    2022-10-19 12:55
    4. **响应式设计原则**：在响应式Web开发中，主要遵循四个原则：流式布局（Fluid Grids）、弹性图片（Flexible Images）、媒体查询（Media Queries）和优先移动（Mobile First）。流式布局确保内容能根据屏幕大小...
  • 移动端web开发之响应式布局
    2022-07-13 07:45
    柒小莫的博客 本文讲解了移动端WEB开发之响应式布局，如果你觉得本文对你有所帮助请三连支持博主，你的支持是我更新的动力。在移动互联日益成熟的时候，我们在桌面浏览器上开发的网页已经无法满足移动设备的阅读。通常的做法是...
  • Web开发基于HTML与CSS的个人旅行博客网站设计：响应式布局与交互功能实现
    2025-06-24 20:36
    该网站采用现代网页设计技巧，包括响应式布局、动画效果和实用功能模块。核心功能涵盖响应式设计（适配多种设备）、博客文章展示系统、旅行地点推荐卡片、用户评论交互功能、订阅邮件列表、旅行照片画廊和个人简介...
  • web开发之响应式布局
    2021-08-26 15:00
    jasmine s的博客 文章目录响应式开发bootstrap前端开发框架bootstrap栅格化系统前言一、响应式开发响应式开发原理二、Bootstrap前端开发框架12.布局容器2.列嵌套列偏移列排序 前言 提示：这里可以添加本文要记录的大概内容： ...
  • 响应式布局学习资料(web前端适应多屏幕尺寸技术)
    2022-09-07 16:51
    响应式布局是现代Web开发中的关键技术，它使得网站可以适应各种屏幕尺寸，包括电脑、平板、手机等不同设备。这种技术的核心在于利用CSS3的Media Queries、Flexbox或Grid布局来实现页面元素的灵活调整，确保在任何...
  • 响应式设计与移动Web开发.docx
    2024-11-02 21:48
    响应式设计与移动Web开发是当今网页设计与开发领域中的核心话题，其主要目标是确保网站能够在不同大小的设备上提供良好的用户体验。响应式设计主要通过媒体查询、流式布局、弹性布局等技术手段，根据设备特性（如...
  • 没有解决我的问题, 去提问