我正在开发一个响应式网站 powerplumb.com.au。对于所有电话分辨率,我正在使用工具 responsivetest.net 测试响应能力。iPhone 5 的一切看起来都很好(屏幕分辨率为 320X568。
但是,当我在 iPhone 5 设备上的 Safari 中打开同一站点时,输出没有响应。
尝试了多种方法,但没有奏效。令我困惑的是,即使分辨率相同,为什么输出却不同?
我正在开发一个响应式网站 powerplumb.com.au。对于所有电话分辨率,我正在使用工具 responsivetest.net 测试响应能力。iPhone 5 的一切看起来都很好(屏幕分辨率为 320X568。
但是,当我在 iPhone 5 设备上的 Safari 中打开同一站点时,输出没有响应。
尝试了多种方法,但没有奏效。令我困惑的是,即使分辨率相同,为什么输出却不同?
你需要meta tag
在你的head
部分添加
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/templates/sb_powerplumb/favicon.ico" />
<link rel="icon" type="image/ico" href="/templates/sb_powerplumb/favicon.ico" />
<base href="http://www.powerplumbhydronicheating.com.au/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="hydronic heating, hydronic heating panel, hydronic heating system, hydronic heating panel installation, hydronic heating melbourne, australia" />
<meta name="author" content="Super User" />
<meta name="description" content="PowerPlumb installs Hydronic heating systems, including radiator panels in Melbourne, Australia. " />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Power Plumb Hydronic Heating</title>
<link href="/templates/sb_powerplumb/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="/plugins/editors/jckeditor/typography/typography2.php" type="text/css" />
<link rel="stylesheet" href="/components/com_rsform/assets/themes/green/css/style.css" type="text/css" />
<link rel="stylesheet" href="/components/com_rsform/assets/css/front.css" type="text/css" />
<script src="/components/com_rsform/assets/js/script.js?v=46" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('load', function() {
new JCaption('img.caption');
});
</script>
<link rel="stylesheet" href="/templates/sb_powerplumb/css/template.css" type="text/css" />
<script type="text/javascript" src="/templates/sb_powerplumb/js/CreateHTML5Elements.js"></script>
</head>