在浏览器中，移动端/PC端，动态切换时，无法自动切换自适应效果，请教老师这是什么问题？

来源：10-9 通用组件-瀑布流：适配移动端，动态列

常小蛋

2023-10-21

老师，这是判断移动端、pc端的代码

export const isMobileTerminal = computed(() => {
  // 第一种方式
  // return width.value < PC_DEVICE_WIDTH
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
})

这是动态切换移动端、pc端的实际效果

移动端 --- PC端
PC端 --- 移动端

而且无法根据浏览器的resize 自动切换自适应效果，不仅仅是瀑布流，顶部导航栏也是一样。
请问老师这是什么问题？

写回答

1回答

Sunday

2023-10-22

你好

因为咱们没有做完整的响应式的处理。这个项目的定位是在手机或者PC 上使用，而不是完全的在浏览器中响应式实现。

基于 Vue3 ，打造前台+中台通用开发提效解决方案

42 种前台常见业务模型， 15 种中台通用组件，成为前端提效高手

788 学习 · 517 问题

查看课程

相似问题

pc端切移动端不刷新，点击我的再返回主页，为什么没有缓存？

回答 1

移动端裁剪

回答 1

回答 3

回答 1

回答 1