cmOblivion 2022-04-07 08:20 采纳率: 100%
浏览 66
已结题

响应式网页到底怎么做？

最近一直不知道怎么做成如下要求的网页：
举个例子：如果是宽屏，网页使用elementui，竖屏则使用vantui，两种情况内容也不不同。
怎么实现？

  • 写回答

5条回答 默认 最新

  • CSDN专家-微编程 2022-04-07 08:55
    关注

    响应式就是根据页面的分辨率进行调整自己设置好的样式，至于横屏竖屏就是判断是否是手机打开，通常会在前置路由守卫里面进行验证，你可以结合一个项目进行参考unituicli3
    开源地址：https://gitee.com/unitui/unituicli3

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

  • 如何实现响应式网页设计？
    2024-07-20 10:05
    DTcode7的博客 响应式网页设计是现代前端开发不可或缺的一部分，它确保了网站在各种设备上的可访问性和可用性。通过掌握上述技术和技巧，你可以构建出既美观又实用的跨平台网站，为用户提供优秀的浏览体验。记住，响应式设计不仅仅...
  • 如何创建响应式前端表单？
    2024-07-19 04:33
    DTcode7的博客 通过本文的学习，你应该能够创建出既美观又实用的响应式前端表单。在实际项目中应用这些技巧，并不断迭代改进，你的表单设计将更加出色，为用户提供卓越的体验。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以...
  • 响应式餐饮网页.zip
    2020-10-11 13:15
    简单的网页作业包里有图片还有lib包都齐，点开就能看，各位加油，哈哈希望能帮到大家，黑马课程里也可以找到
  • 响应式前端纯静态网页模板
    2018-09-14 21:11
    9900套响应式前端纯静态网页模板 (1),我会分批说传，做手机公众号小程序开发必备模版
  • 【前端】前端设计中的响应式设计详解
    2025-03-03 17:04
    杰西笔记的博客 本文将详细介绍前端设计中的响应式设计，并提供相应的代码示例。响应式设计是一种根据不同设备的屏幕尺寸和分辨率，自适应调整页面布局和内容的设计方法。它的主要作用是确保网站或应用程序在各种设备上都能够良好地...
  • 前端响应式
    2022-10-29 16:31
    荧惑的博客 总所周知，我们前端也被称为响应式web交互设计，那么什么是响应式呢？响应式：响应不同屏幕设备合适地展现网页效果的方式或着手段。举个栗子来说，就是我要苹果（PC页面）你就给我一个苹果（PC页面），我要梨子...
  • 前端必知必会-html布局和响应式网页设计
    2024-07-28 09:00
    编程岁月的博客 本文介绍了的html布局和响应式网页设计的使用，如有问题欢迎私信和评论。
  • 什么是响应式设计（Responsive Design）？如何实现一个响应式网页？
    2023-08-23 07:45
    几何心凉的博客 什么是响应式设计（Responsive Design）？如何实现一个响应式网页？
  • 前端响应式布局
    2023-06-09 22:39
    宁然也的博客 响应式设计和自适应设计的区别：响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，展现不同的布局和内容。自适应需要开发多套界面，通过检测视口分辨率，判断当前访问的设备是PC端、平板...
  • 什么是响应式图片？如何在网页中实现响应式图片？
    2024-09-06 18:56
    DTcode7的博客 响应式图片的基本概念作用说明示例一：使用``标签的`sizes`属性代码说明示例二：使用``标签代码说明示例三：使用CSS的`object-fit`属性代码说明示例四：使用媒体查询调整图片大小代码说明示例五：使用`srcset`和`...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月15日
  • 已采纳回答 4月7日
  • 创建了问题 4月7日