2015-11-23 58 views
0

我創建一個@media的響應網站 所以,我知道我錯過了一些標籤,在我的頭 一些鏈接,因爲當我輸入我的celphone網站沒有響應,就像我在電腦上使谷歌瀏覽器變得更小一樣。我失去了一些東西在我的頭,使網站響應

看頭:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" /> 
    <meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; <?php bloginfo('charset'); ?>" /> 
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> 
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> 
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> 
    <title><?php bloginfo('name'); ?></title> 

上午我真的失去了一些東西?

+0

我猜測視口,https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag –

+0

爲什麼你不使用引導程序或基礎庫? Foundation:http://foundation.zurb.com/ and Bootstrap:http://getbootstrap.com/ –

回答

2

您需要一個<meta name="viewport"...標籤來告訴設備爲其設備獨立像素正確呈現頁面。嘗試是這樣的:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; <?php bloginfo('charset'); ?>" /> 
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title><?php bloginfo('name'); ?></title> 
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" /> 
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> 
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> 
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> 

width=device-width告訴頁匹配它的寬度與設備的寬度

initial-scale=1.0建立設備的「設備無關像素」和CSS像素像素之間的1對1的關係

+0

我會試試這個=) Thx爲快速消息! –

相關問題