Question

我有一个反应灵敏的设计,有几栏文字。该栏有头2个标题,在标题左边浮动,是图像词——单是垂直的,以标题案文为准。当我缩小窗口宽度时,问题就会出现。当单项标题细列时,它们不再纵向地与标式一致。

基本上,我试图撰写一封信,把标题的那几类内容划为两条线,以便我能够改变它的核心位置。

我确实是新字,这样说,我不敢肯定如何写字,但这基本上是:

if window width > 768 and if lines of text in #services h2 = 1

#services h2 {
top:9px;
}

else

if window width > 768 and if lines of text in #services h2 > 1

#services h2 {
top:1px;
}

Could someone help me properly format this? I m already using jQuery for some other stuff so if it s possible to do it with that, that would be great.

感谢!

<>光线> 其中最重要的部分是,一行从1行到2时,改变一类财产。这是关键部分:

if lines of text in #services h2 = 1

#services h2 {
top:9px;
}

else

if lines of text in #services h2 > 1

#services h2 {
top:1px;
}

Answer 1

难道你不能仅仅把背景形象的垂直位置定为50%。而不是在相对较小的宇宙变化中增加 j。

Answer 2

No JavaScript (includes jQuery) needed, use pure CSS: http://www.css3.info/preview/media-queries/.

http://css-tricks.com/css-media-queries/“rel=“nofollow”http://css-tricks.com/cs-media-queries/。

Answer 3

我并不肯定案文的行文路线以及案文的左边是:

- 我看见,看看这是否是你想要的。

$(window).resize(function(){
     var h =$( #services h2 ).css( line-height );
     var size = $(window).width();
     if (size > 768){
          if( $( #services h2 ).height() == h){
                 $( #services h2 ).css( top , 1px )
          }
     }else{
           if( $( #services h2 ).height() > 2*h){
                 $( #services h2 ).css( top , 9px )
          }
     }

});

友情链接