Html 页面的一半未在移动设备上显示

我有一个页面，右边的网站内容被隐藏了

请指导我为什么会发生这种情况以及如何解决它。多谢各位

<div id="responsivearea" style="margin-top: -23px; padding-top: 90px;">
<div class="img-center"><img class="wp-image-2520 alignleft" style="margin-right: 180px;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2015/02/Meet-rabia.png" alt="good employer" width="190" height="100" /><a href="http://asiasociety.org/video/asher-hasan-spark-extinguished" target="_blank"><img id="AshersStory" class="wp-image-2521 alignleft" style="margin-right: 80px;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2015/02/Ashers-story-circle.png" alt="gift of health" width="190" height="188" /></a></div>
</div>
</div>
<p style="float: left; margin-left: 48px; font-size: 25px;">MEET RABIA</p>
<p style="float: right; margin-top: -79px; margin-right: 100px; font-size: 25px;">ASHER'S STORY</p>

<div>
<p style="float: left; margin-left: 26px; font-size: 15px; width: 200px;">Everything is hand coded and every little detail is given attention. We will go the extra mile to make your product perfect.
<a style="color: #fd685b;" href="#"><strong>LEARN MORE</strong></a></p>
<p style="float: right; margin-top: -183px; margin-right: 107px; font-size: 15px; width: 180px;">Asher was born and raised in England until the age of eleven. At that time, his father’s untimely death prompted
<a style="color: #fd685b;"http://www.inspuratesystems.com/nayajeevan/?p=3202"><strong>LEARN MORE</strong></a></p>

会见拉比亚

亚舍的故事

所有内容都是手工编码的，每一个小细节都得到了关注。我们将加倍努力，使您的产品更加完美。

Asher在英国出生并长大，直到11岁。当时，他父亲的过早去世促使
查看来源：第178行-宽度的严格值为
700px

例如，尝试使用
max width

另外，第242行
（600px宽度）
查看源代码：第178行-您对
700px
有严格的宽度值

例如，尝试使用
max width

第242行
（600px宽度）
U也为
px
中的所有内容提供了一个宽度。这对移动设备不好，因为它们的大小不同。
您应该为宽度设置
%
，以便它占据屏幕的一部分，而不是精确的像素数量

目前，在您网站的多个位置，像素的数量比屏幕大，这就是您无法看到元素的原因。
U在
px
中为所有内容提供宽度。这对移动设备不好，因为它们的大小不同。
您应该为宽度设置
%
，以便它占据屏幕的一部分，而不是精确的像素数量

目前，在网站的多个位置，像素的数量比屏幕大，这就是为什么你看不到元素。
我喜欢这个设计。真的很好。下面的答案应该有助于解决你的问题。我喜欢这个设计。真的很好。下面的答案应该有助于解决您的问题。