Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iPad机身尺寸css问题_Javascript_Css_Ipad_Styles_Orientation - Fatal编程技术网

Javascript iPad机身尺寸css问题

Javascript iPad机身尺寸css问题,javascript,css,ipad,styles,orientation,Javascript,Css,Ipad,Styles,Orientation,这是我刚刚创建的一个网站 问题是当它在iPad上观看时。即使在样式表中将主体的宽度和高度设置为1024 x 768,它也会有多余的主体背景—如果是横向的,则在右侧有黑色背景;如果是纵向的,则在右侧和底部有黑色背景 有什么想法吗?您是否尝试过阻止页面缩放? 或者您是否尝试过实现视口您是否研究过视口 例如:您已将1024x766码的尺寸赋予车身。给容器定尺寸,不要放在容器体内。这对我有用。可能是因为视图端口大小涉及html和正文元素 您可以隐藏地址栏,也可以将内容的大小缩小到剩余空间,或者进行布局调

这是我刚刚创建的一个网站

问题是当它在iPad上观看时。即使在样式表中将主体的宽度和高度设置为1024 x 768,它也会有多余的主体背景—如果是横向的,则在右侧有黑色背景;如果是纵向的,则在右侧和底部有黑色背景


有什么想法吗?

您是否尝试过阻止页面缩放?
或者您是否尝试过实现视口

您是否研究过视口


例如:

您已将1024x766码的尺寸赋予车身。给容器定尺寸,不要放在容器体内。这对我有用。可能是因为视图端口大小涉及html和正文元素


您可以隐藏地址栏,也可以将内容的大小缩小到剩余空间,或者进行布局调整以填充可用空间。

在横向模式下,屏幕为1024x768,但浏览器的顶部栏会占用部分空间。为了使页面在剩余的空间中垂直放置,页面大小会减小,这解决了一个问题,但在右侧创建了另一个多余的背景。正文{margin:0 auto;颜色:aca194;背景:黑色;}容器{width:1024px;height:768px;background:white;}按你说的做了,但仍然不起作用:opps!!真奇怪。通过添加此项进行检查…仍然不起作用…这非常奇怪。我的第一个布局很好->