Question

我开发了一个使用wordpress的网站，问题是在页面之间导航时，似乎它有点移动（导航栏和内容等）。即，如果内容位于一个地方，则会在另一页中移动一点。

我试图挖掘出这个问题。最后我找到了问题但不是解决方案。

问题是，我正在使用wordpress的pagelines主题。因为它使用的是来自http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold的droid sans，它正在加载它使用我提到的浏览器默认字体或替代字体。这是问题所在。不同的字体有不同的样式和空格等，这就是网页看起来有点移动的原因。

可以任何身体请解释我如何解决问题。

关于屏幕截图：因为，我们无法显示在屏幕截图中移动的内容我没有附加。任何人都可以告诉我问题是什么以及如何解决它

所有这些都是我的假设，就像发生较小的页面内容一样，如果有任何其他问题让它移动那么请告诉我。

提前致谢

编辑:( css代码 - ＆gt; dynamic.css）

/* Import Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

/* Set Type */
h1, h2, h3, h4, h5, h6, .site-title{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}

body, .font1, .font-primary, .commentlist{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:none;font-weight:normal;font-variant:normal;font-style:normal;}

.font2, .font-sub, ul.main-nav li a, #secondnav li a, .metabar, .subtext, .subhead, .widget-title, .post-comments, .reply a, .editpage, #pagination .wp-pagenavi, .post-edit-link, #wp-calendar caption, #wp-calendar thead th, .soapbox-links a, .fancybox, .standard-form .admin-links, #featurenav a, .pagelines-blink, .ftitle small{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}

Answer 1

“感谢您发布代码，

您发布的这段代码很好，

fiddle http://jsfiddle.net/MarmeeK/HPu7X/

请参考小提琴并更改您要检查的代码，然后更新并发回。

我无法找到任何更改。

====编辑

如果特定标签出现问题，请参阅带有:hover样式的标签样式，该样式将引导您进入问题源.. :)“

===在网站审核后进行编辑，

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            34px; /* match top ul list item height */
    z-index:        99;
}

现在，问题出在包含菜单规则的OTHER CSS文件中。

这适用于vierd对齐而不是相对位置。 top: 34px是一个不应该存在的奇怪步骤......

你应该将每个li:hover与这种类型的代码分开，因为这是使TAB移动的唯一原因。

/*** ESSENTIAL STYLES ***/

且Demo skin不稳定...请逐步纠正它们：）

Uppdated fillde : http://jsfiddle.net/MarmeeK/HPu7X/1/

我试图更新它，但是太多不必要的CSS，请聘请一位专业人士来帮助

我不会回答太多，因为这花费了我很多时间。谢谢

在wordpress网站导航时，网页内容有点移动

1 个答案: