商城项目怎么适应手机屏幕？

问答 / 1755 / 5 / 创建于 5年前

比如用户使用电脑打开商城页面，是教程中的UI页面。
用户使用手机打开商城页面，能有适配手机屏幕的页面，这种怎么构建比较好？能适应这个项目的。

laravel shop

课程读者 6 声望

暂无个人描述~

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

推荐文章：

更多推荐...

Laravel 11 中文文档仓库，已翻译完成！！！ 16 / 28 |

Laravel验证器最完整用法实例 31 / 14 |

PHP Annotated——2023 年 12 月 25 / 2 |

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

历时一个月，《穿透Laravel》全书完成！ 88 / 25 |

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

leo

管理员 4.7k 声望 / Backend Manager @ RightCapital

最佳答案

建议自行了解搜索一下『CSS 响应式』

5年前评论

讨论数量: 5

leo

管理员 4.7k 声望 / Backend Manager @ RightCapital

建议自行了解搜索一下『CSS 响应式』

5年前评论

yema1208

10 声望

也可以单独做一个手机页面，用户请求时可以做设备类型判断，不同的类型给导到不同的页面，而且也不用在去修改已经做好了的PC端页面。

5年前评论

KingOfTheWorld

课程读者 6 声望

@yema1208 那这样需要每个控制器都要判断一下？或者是使用中间件？

5年前评论

PokerDragonn

课程读者 5 声望

@KingOfTheWorld 不需要呀，可以用js代码来判断，window.navigator 这个对象来判断用户当前浏览设备，然后在做区分跳转。

5年前评论

PHP-Coder

课程读者 41 声望

做个手机端用JS判断，然后跳转

4年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助