Tag: 手机浏览器

Overflow-x:hidden不会阻止移动浏览器中的内容溢出

我在这里有一个网站。 在桌面浏览器中查看,黑色菜单栏正确地只延伸到窗口的边缘,因为body具有overflow-x:hidden 。 在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,这会在页面的右侧留下空白。 据我所知,这个空格甚至不是html或body标签的一部分。 即使我在<head>中将视口设置为特定的宽度: <meta name="viewport" content="width=1100, initial-scale=1"> 该网站扩大到1100px,但仍然有超过1100的空白。 我错过了什么? 我如何保持视口1100,并切断溢出?

强制网站只能以横向模式显示

我只想以横向模式显示我的网站,是否可能? 用户手中的设备的方向是什么并不重要,但网站将始终处于横向模式。 我已经看到iPhone应用程序的工作,但这可以做一个网站?