开发者

iPhone only

开发者 https://www.devze.com 2023-01-25 21:32 出处：网络

The following profile maintains centering in the main browsers in OSX and WinXp. But is offset to the left in the iPad with the width shorten by the larger margin on the right.

相关专题：ipad jquery

The following profile maintains centering in the main browsers in OSX and WinXp. But is offset to the left in the iPad with the width shorten by the larger margin on the right.

.wrapper {
   width: 900px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   border: 1px solid #9B9B9B;
 }

<body>
   <div class="wrapper">
     :
   </div>
</body>

I have an inline unordered list containing thumbs that w/o java enabled extends to the right beyond the wrapper. T开发者_JAVA技巧hese images are contained within a div that is positive relative. Once JavaScript is enabled on the browsers, the page is centered.

Again, the problem is only in the iPad and the iPhone.

Is there a possible reason for this?

For mobile devices, all div boundaries must fit within the '.wrapper' with javascript disabled in order for the margin left/right auto to work.

Once javascript executes, theres no problems with moving div's to the far left or right of the wrapper.