html - 使桌面 flexbox 站点移动友好

标签 html css jquery-mobile mobile flexbox

我有一个使用 flexbox 的桌面网站,但我想让该网站对移动用户更友好。事实上,该网站在手机上的显示与在桌面上的显示一样。当浏览器窗口缩小(或拉伸(stretch))时,网站会自然地 flex 到新的大小。在其最紧凑的尺寸下,大约 480 像素,浏览器窗口看起来就像一个移动网站,但正如我所说,在手机上,该网站显示为 1080 像素宽。

当窗口宽度为 480px 时,如何使网站在手机上的显示方式与在桌面浏览器上的显示方式相同?

非常感谢。

最佳答案

把这个贴在你的标题标签里。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

关于html - 使桌面 flexbox 站点移动友好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23749050/

相关文章:

javascript - querySelector 事件监听器 `scroll`

java - 在Java中单击时更改链接的颜色

android - JQuery Mobile 和谷歌地图故障

jquery-mobile - jquery.mobile.structure 的目的是什么?

javascript - angularjs 如何在html中转义 “${variable}”?

javascript - 如何在网络浏览器上通过 Live555 服务器的 rtsp 协议(protocol)流式传输视频

javascript - 使用 AJAX post 更改数据属性标签后 CSS 未更​​改

javascript - 如何使画廊全宽?

使用基本 id 选择器时的 Jquery Mobile 哈希问题

html - 如何在具有特定列大小的 div 中制作一个 html 滚动表?