移动网站 - iphone div 位置

发布于 2024-11-24 07:45:48 字数 575 浏览 3 评论 0原文

我正在开发一个移动网站。我遇到的一个问题是放置一些 div。（在 iPhone 4 atm 上测试） http://rerender.tv/phoenix/m

我有几个要放置的 div在视口的右侧（右上和右下） div 设置为

position:absolute;
right: 3%;
top: 3%;

但在 iPhone 上，看起来这些 div 被放置在中间。

同样在子页面上，有一个 div 容器，其中包含宽度设置为 95% 的内容，但内容（文本）仅在视口中显示一半。 http://rerender.tv/phoenix/m/about.html

不确定是什么这里的问题是，但看起来页面宽度没有缩放到视口的完整尺寸。尽管元标记声明缩放为 1 并且视口的大小为设备内容。

四处寻找，没有发现任何东西。但我想我只是忽略了一些事情。帮助？谢谢

原文

I am developing a mobile website. An issue im running into is positioning some divs.
(testing on iphone 4 atm)
http://rerender.tv/phoenix/m

I have a couple of divs that are suppose to be placed at the right of the viewport (right top and right bottom)
the divs are set with

position:absolute;
right: 3%;
top: 3%;

But on the iphone it looks like those divs get placed towards the middle.

Also on the subpages, theres a div container that holds content with the width set to 95%, but the content (text) only goes half way in the viewport.
http://rerender.tv/phoenix/m/about.html

Not sure what the issue here is but it looks like the page width is not scaling to the full size of the viewport. Although the meta tag is declaring the scaling at 1 and the size of the viewport to be device content.

Searched around, couldnt find anything. But i think im just overlooking something.
Help?
thanks

分享到QQ

分享到微博