Question

我需要获得一个DIV，我必须在两台iPhone和Android手机的320/480视图中居中。

以下是我的测试。

似乎不是以Android手机为中心。

测试页 - http://mymsaa.org/publications/motivator/winter-spring16/

iPhone示例 - http://mymsaa.org/example_2.png

Android手机示例 - http://mymsaa.org/example.png

这是我的DIV的HTML ...

<div class="motiv_cover">
<a href="http://mymsaa.org/publications/motivator/winter-spring16/download/"><img src="http://mymsaa.org/wp-content/uploads/2016/04/winter-spring16-cover.gif" alt="The Motivator: Winter/Spring 2016 Cover" title="The Motivator: Winter/Spring 2016" border="0"></a>

<a href="http://mymsaa.org/publications/motivator/winter-spring16/download/">View/Download PDF</a></div>

这是我在320/480次视图中的DIV CSS ...

.motiv_cover {
font-size: 13px;
color: #012e63;
width: 175px;
text-align: center;
float: none;
position: relative; left: 0; right: 0; margin: 0 auto; top: 0;
padding: 10px; 
padding-bottom: 0px;
background-color: #e1e3f0; 
border: 1px solid #012e63; 
margin-bottom: 15px;}

最佳做法是什么？

Answer 1

你能发布完整的代码吗？您是否为视口提供了正确的元标记？即：

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

Android和中心DIV苹果手机

1 个答案: