Question

我有这个链接：

我想要对象＆＃34; despre noi＆＃34;被移到下面......就像在这张照片中一样

http://i59.tinypic.com/6i5krr.jpg

这是CSS代码：

   #top
{
  background-image:url(img/DESPRE-NOI.png);
  width:400px;
  height:38px;
  margin-left:36%;
}

代码HTML：

<div id="main">                 
              <div id="patrat">
              </div>

              <div id="logo-theme">
                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
                             <img src="<?php echo get_template_directory_uri() . '/img/LOGO.png'; ?>" alt="<?php bloginfo( 'name' ); ?>" />
                        </a>
                    </div>

                    <div id="text-logo">
                    <h1>CABINET AVOCAT CODOBAN</h1>
                    </div>

                  <div id="container">                       
                     <div id="top"></div>
                      <div id="mid" style="display: none;">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut           enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est  laborum.</p>
                      </div>
                   </div></div>

如果适用＆＃34; margin-top：311px;＆＃34; 1440x900分辨率看起来不错......但帧外的分辨率为1366x768

这是Wordpress的主题。

有没有办法解决它？

提前致谢！

Answer 1

试试这样：

@media screen and (min-width: 1366px) {
#top {
    margin-top: 311px;
}
}

@media screen and (min-width: 1024) {
 ------code goes here -------
}

Answer 2

使用媒体查询指定768高度的margin-top。

Answer 3

 #top {
 margin-top: 311px;
 background-image:url(img/DESPRE-NOI.png);
 width:400px;
 height:38px;
 margin-left:36%;
}

@media screen and (min-width: 1366px) {
#top {
    margin-top: 311px;
}
}

@media screen and (min-width: 1024px) {
#top {
    margin-top: 2%;
}
}

应该这样吗？我不工作

Answer 4

您应该使用百分比而不是像素来设置宽度和高度，就像使用边距一样。为了使它具有响应性，可以使用简单的方法来获得正确的百分比。 percentage = target / context这意味着，如果您的目标（您设置百分比的元素）为200px且您的上下文（元素的paretn元素）为400px，则您的百分比应为200 / 400 = 0.5 => 50%

保证金最高分辨率css

4 个答案: