IE8引起了许多有关CSS的问题。

Question

8有一些问题(再次)。

问题1:

当试图缩小浏览器时，菜单是不合适的，并悬停在特定的元素(即搜索栏)上。

​

​

问题2:

当试图缩小浏览器时，菜单是不合适的，并悬停在特定的元素(即搜索栏)上。

​

我添加了Doctype，并且尝试了分离元素，但我不太清楚它的错误所在？

    <!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Set Training | Just another WordPress site</title>

Answer 1

首先，您正在使用固定宽度，例如，这个id #right_header_container的宽度为550 id，使用%.您是否尝试过使用非语义或任何其他网格系统来处理较小的屏幕/设备，我建议您看看http://unsemantic.com/。