Question

当我在除笔记本电脑屏幕以外的不同尺寸的显示器上查看我的网页时，例如桌面屏幕或电视，图像和文本在水平方向上处于不同的位置。

这是我的文本类的html和CSS：

 <h2><a class="files"> text</a></h2>




.files {
font-size: 20px;
font-family: arial;
left: 470px;
position: relative;
}

图片：

    <div id="Hipload-Product" class="report">
    <img src="<?php echo $MainURL?>img/image1.png" alt="" />

    </div>



 .report img { top: 200px;
 margin-left: -500px;
 }

另外，为什么当我访问我网站的主页时，图片大约需要4秒钟？

由于

Answer 1

您正在使用绝对定位。为了使您的页面在不同的显示器尺寸下更加有条理，使用相对定位会更好。 w3schools: css-positioning中描述了这两个另一种有用的技术是使用表格或网格系统将页面划分为一些区域，每个区域都包含特定元素。看看960 Grid System

如何在网页上停止在不同分辨率上移动的图像/文本？

1 个答案: