图像在移动Html/CSS中消失
由于某种原因,在手机上(当你弄乱浏览器时),我左手边的图像似乎消失在我的页面上。我真的不知道这到底是怎么回事,也不知道为什么会这样?我觉得我做得很不错 图片: HTML:图像在移动Html/CSS中消失,html,css,mobile,Html,Css,Mobile,由于某种原因,在手机上(当你弄乱浏览器时),我左手边的图像似乎消失在我的页面上。我真的不知道这到底是怎么回事,也不知道为什么会这样?我觉得我做得很不错 图片: HTML: 将图像置于引号中是否有帮助背景:url('http://...)。你能给我们看把小提琴,告诉我们什么样的移动设备吗?我已经试过了,我没有问题。你发布了10次相同的html。这是否有必要重现该问题?你还看到html只重复了9次的问题吗?就一次怎么样?@gilly3很抱歉,我正在处理我的网站,我需要10个。@SpencerWie
将图像置于引号中是否有帮助<代码>背景:url('http://...)。你能给我们看把小提琴,告诉我们什么样的移动设备吗?我已经试过了,我没有问题。你发布了10次相同的html。这是否有必要重现该问题?你还看到html只重复了9次的问题吗?就一次怎么样?@gilly3很抱歉,我正在处理我的网站,我需要10个。@SpencerWieczorek,使用iPhone 4、5,并使用我的浏览器调整大小。@SpencerWieczorek
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
<div class="aboutus">
<div class="circular"></div>
<p class="aboutuspage"><font size="5" style="font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;">Bob Saggot</font><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate neque at tortor scelerisque mollis. Mauris ultricies elit eget tortor elementum, quis feugiat odio venenatis. Nulla consequat orci at nulla hendrerit, eu consectetur ligula fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in ipsum tincidunt, tincidunt diam eget, aliquam tellus. Aenean metus ipsum, dapibus sit amet convallis non, aliquam quis mauris. Etiam suscipit massa nisl, id molestie tortor luctus nec. Quisque sit amet sodales massa. Donec posuere ultricies nisi, non pretium libero.</p>
</div>
.aboutus:firstchild
{
width: 984px;
min-width: 984px;
min-height: 56px;
height: 56px;
padding: 0 20px;
text-align: left;
}
.circular
{
text-align: right;
float: left;
display: block;
min-width: 250px;
min-height: 250px;
width: 250px;
height: 250px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
background: url(http://cdn.bavotasan.com/wp-content/uploads/2011/02/desktop.jpg) no-repeat;
}
p.aboutuspage
{
width: 500px;
min-width: 500px;
margin-left: 30%;
}