我有一个通过 Firebase 托管配置的网站。我正在使用自适应网页设计技术为桌面设备和移动设备提供不同的 html 文件。本质上,我有两个不同的 html 文件,它们是响应式的,但我想在桌面上提供一个,在移动设备上提供一个。有没有办法配置 firebase.json 文件来执行此操作?现在,我的网站只提供 index.html 文件,这是桌面版本。要访问移动版本,我必须在网址末尾添加“mobile.html”。这是我当前的 json 文件。{ "hosting": { "public": "public", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] }}
1 回答
一只名叫tom的猫
TA贡献1906条经验 获得超3个赞
Firebase 托管不提供检测移动设备类型或大小以提供内容的方法。
真正的响应式设计是作为一组 HTML 和 CSS 实现的,可以针对任何尺寸和方向的屏幕正确呈现。我强烈建议您研究如何正确实现(提示:在 CSS 中使用屏幕尺寸媒体规则),而不是依赖于通过 HTTP 请求识别其功能的设备。我相信您可以通过网络搜索找到很多很棒的教程和示例。
添加回答
举报
0/150
提交
取消