解決方法：給這個(gè)DIV標(biāo)簽加上word-wrap:break-word，就行了，添加后，效果如下

@media screen and (max-width:320px){
.nav{display:none;?}
}

上面代碼表示?在小于320px的分辯率,標(biāo)簽nav自動(dòng)隱藏。以上是CSS3的方法，低端瀏覽器不支持。

宋體：SimSuncss中中文字體（font-family）的英文名稱

Mac?OS的一些：

華文細(xì)黑：STHeiti?Light?[STXihei]

華文黑體：STHeiti

華文楷體：STKaiti

華文宋體：STSong

華文仿宋：STFangsong

儷黑?Pro：LiHei?Pro?Medium

儷宋?Pro：LiSong?Pro?Light

標(biāo)楷體：BiauKai

蘋果儷中黑：Apple?LiGothic?Medium

蘋果儷細(xì)宋：Apple?LiSung?Light

Windows的一些：

新細(xì)明體：PMingLiU

細(xì)明體：MingLiU

標(biāo)楷體：DFKai-SB

黑體：SimHei

新宋體：NSimSun

仿宋：FangSong

楷體：KaiTi

仿宋_GB2312：FangSong_GB2312

楷體_GB2312：KaiTi_GB2312

微軟正黑體：Microsoft?JhengHei

微軟雅黑體：Microsoft?YaHei

裝Office會(huì)生出來的一些：

隸書：LiSu

幼圓：YouYuan

華文細(xì)黑：STXihei

華文楷體：STKaiti

華文宋體：STSong

華文中宋：STZhongsong

華文仿宋：STFangsong

方正舒體：FZShuTi

方正姚體：FZYaoti

華文彩云：STCaiyun

華文琥珀：STHupo

華文隸書：STLiti

華文行楷：STXingkai

華文新魏：STXinwei

Windows?中的中文字體。

在默認(rèn)情況下，也就是未自行安裝新字體或者?Office?等文字處理軟件的情況下，Windows?默認(rèn)提供下列字體：

Windows?95/98/98SE?宋體、黑體、楷體_GB2312、仿宋_GB2312

Windows?XP/2000/2003/ME/NT?宋體/新宋體、黑體、楷體_GB2312、仿宋_GB2312?(Windows?XP?SP3?宋體-PUA)

Windows?Vista/7/2008?宋體/新宋體、黑體、楷體、仿宋、微軟雅黑、SimSun-ExtB

那么每種字體能顯示那些漢字呢？

Vista?之前的?Windows?中宋體/新宋體、黑體支持?GBK?1.0?字符集，

楷體_GB2312、仿宋_GB2312?支持?GB2312-80?字符集。

（注：Windows?3.X?只能支持?GB2312-80?字符集）

Vista?及之后的?Windows?中宋體/新宋體、黑體、楷體、仿宋、微軟雅黑支持?GB18030-2000?字符集，

SimSun-ExtB?只支持?GB18030-2005?字符集擴(kuò)展?B?部分。

下面對(duì)字符集進(jìn)行簡(jiǎn)單的介紹：

GB2312-80?<?GBK?1.0?<?GB18030-2000?<?GB18030-2005

GB2312-80?中的字符數(shù)量最少，GB18030-2005?字符數(shù)量最多。

GB2312-80?是最早的版本，字符數(shù)比較少；

GBK?1.0?中的漢字大致與?Unicode?1.1?中的漢字?jǐn)?shù)量相同；

GB18030-2000?中的漢字大致與?Unicode?3.0?中的漢字?jǐn)?shù)量相同，主要增加了擴(kuò)展?A?部分；

GB18030-2005?中的漢字大致與?Unicode?4.1?中的漢字?jǐn)?shù)量相同，主要增加了擴(kuò)展?B?部分；

由于?Unicode?5.2?的發(fā)布，估計(jì)?GB18030?會(huì)在近期發(fā)布新版本，增加擴(kuò)展?C?部分。

需要說明的是在?GB18030?中擴(kuò)展?B?部分并不是強(qiáng)制標(biāo)準(zhǔn)。

如果想查看?GB18030?的標(biāo)準(zhǔn)文本，請(qǐng)?jiān)L問?http://www.gb168.cn?中的強(qiáng)標(biāo)閱讀。

如果想了解?Unicode?的內(nèi)容，請(qǐng)?jiān)L問?http://www.unicode.org。

現(xiàn)在糾正網(wǎng)上普遍的一個(gè)錯(cuò)誤：

GB18030-2000?和?GB18030-2005?都不支持單字節(jié)的歐元符號(hào)

與簡(jiǎn)體中文有關(guān)的代嗎頁如下：

936?gb2312?簡(jiǎn)體中文(GB2312)————其實(shí)是GBK

10008?x-mac-chinesesimp?簡(jiǎn)體中文(Mac)

20936?x-cp20936?簡(jiǎn)體中文(GB2312-80)

50227?x-cp50227?簡(jiǎn)體中文(ISO-2022)

51936?EUC-CN?簡(jiǎn)體中文(EUC)

52936?hz-gb-2312?簡(jiǎn)體中文(HZ)

54936?GB18030?簡(jiǎn)體中文(GB18030)

補(bǔ)充：

使用楷體_GB2312、仿宋_GB2312后，在?Windows?7/Vista/2008?中可能不再顯示為對(duì)應(yīng)的字體。

這是因?yàn)?Windows?7/Vista/2008?中有楷體、仿宋，默認(rèn)情況下沒有楷體_GB2312、仿宋_GB2312，字體名稱相差“_GB2312”。

又如：

這些小圖片就是整圖分割后的各個(gè)部分，把各個(gè)部分放在一張圖片上，而不是是分別存儲(chǔ)成單獨(dú)的圖片，其目的我們都知道，就是減少http請(qǐng)求次數(shù)，節(jié)省時(shí)間和帶寬。

那么怎么來實(shí)現(xiàn)一張圖片在不同的地方只顯示其中的一部分呢，這就用到了我們今天要說的背景圖片的定位問題。這個(gè)問題相信很多人都郁悶過，也經(jīng)常有朋友問我，所以今天就系統(tǒng)的說一下：

我們知道在用圖片作為背景的時(shí)候，css要這樣寫，以div容器舉例子，也可以是body、td、p等的背景，道理一樣。

這里的background的屬性值依次為：

#FFF 背景色：（顏色值，背景圖片沒有覆蓋的地方，或者沒有背景圖片時(shí)表現(xiàn)的背景色）
image 背景圖片：（這里是圖片的地址）
no-repeat 是否重復(fù)：（圖片小于容器的大小時(shí)，默認(rèn)會(huì)重復(fù)排列圖片以填滿容器，no-repeat表示不重復(fù)，只有這個(gè)時(shí)候后面的定位坐標(biāo)才有用。）
fixed 背景是否隨容器滾動(dòng)：（有兩個(gè)可選值，scroll滾動(dòng)，fixed不滾動(dòng)，默認(rèn)是scroll）
x y 背景圖像的定位：（注意，只有在no-repeat下定位才有意義。這個(gè)就是今天要講的重點(diǎn)）

背景圖像定位中我們要明確的幾點(diǎn)：

1、兩個(gè)值前面一個(gè)是橫向的定位，我們稱為x軸方向定位。后面一個(gè)值是縱向的定位，我們稱為y軸方向定位。如果只有一個(gè)值，那默認(rèn)的就是x軸方向，這時(shí)y軸方向就默認(rèn)的是上下居中對(duì)齊，也就是center。
2、坐標(biāo)軸的原點(diǎn)就是對(duì)應(yīng)容器的左頂點(diǎn)。
3、這個(gè)坐標(biāo)的y軸箭頭朝下，也就是右下方（容器內(nèi)部）x y的值才都為正。
4、x y值分別表示背景圖片的左頂點(diǎn)相對(duì)于坐標(biāo)原點(diǎn)（也就是容器的左頂點(diǎn)）的值。
5、x y的值可以用百分比或者px來表示。
6、x y也可以用“l(fā)eft、right、top、bottom、center”這五個(gè)對(duì)齊方式來表示，但注意：用“l(fā)eft、right、top、bottom、center”來表示的時(shí)候，應(yīng)用的是對(duì)齊規(guī)則，而不是坐標(biāo)規(guī)則。x為left是表示圖片的左邊和容器的左邊對(duì)齊，為right的時(shí)候表示圖片的右邊和容器的右邊對(duì)其，y為top的時(shí)候表示圖片的頂部和容器的頂部對(duì)齊，為bottom時(shí)表示圖片的底部和容器的底部對(duì)齊，x y等于center的時(shí)候表示居中對(duì)齊。
7、x y用百分比或者px表示的時(shí)候，其值可以為負(fù)數(shù)。我們應(yīng)用坐標(biāo)規(guī)則就很容易理解負(fù)數(shù)表示的意義，x為負(fù)數(shù)時(shí)候表示圖片左頂點(diǎn)在容器左頂點(diǎn)的左側(cè)，y為負(fù)數(shù)時(shí)表示圖片的左頂點(diǎn)在容器的左定點(diǎn)的上方。也就是向左和向上超出容器的范圍。

下面我用幾個(gè)圖示來說明一下幾種情況，藍(lán)色塊表示圖片，虛線框表示容器（可以div，td，或者直接就是body），注意只有背景圖片在容器內(nèi)我們才能看見，我用白色表示可見部分，而且超出容器范圍的是看不見的，我用灰色表示。容器的左定點(diǎn)的坐標(biāo)就是（0，0）。

第一張，背景圖片和容的左上對(duì)齊，0px 0px 也可以寫成left top

第二張，背景圖在容器中間，定點(diǎn)坐標(biāo)為正值

第三張，背景圖部分在容器左上，定點(diǎn)坐標(biāo)為負(fù)值

---------------------------------------------------------------------------

到此我們可能就明白了如何用background里的定位值來準(zhǔn)確定位一個(gè)背景圖片，返回去我們看一下開始的時(shí)候介紹的兩個(gè)圖片，我們就是可以用：背景定位和容器內(nèi)才可見這兩個(gè)性質(zhì)來隨意的調(diào)用整張圖片的某一部分。

但是我們?yōu)榱苏{(diào)用方便，在排列這些小圖片的時(shí)候要講究一點(diǎn)規(guī)則，比如：小圖之間的距離通常是調(diào)用小圖的容器的大小，或者距離更大一點(diǎn)，這樣就可以避免在容器內(nèi)顯示出我們不愿意顯示的圖片！

補(bǔ)充一點(diǎn)，如果定位用的是百分比話，算法比較特殊。我舉個(gè)例子：

這個(gè)時(shí)候圖片應(yīng)該在容器的什么位置呢,算法公式如下：

圖片左頂點(diǎn)距容器左頂點(diǎn)的坐標(biāo)位置為
x：（容器的寬度-圖片的寬度）x50%
y：（容器的高度-圖片的高度）x（-30%）
得到的結(jié)果應(yīng)用坐標(biāo)法則，差值如果為負(fù)數(shù)，百分比為正那么運(yùn)算結(jié)果是負(fù)值。如果差值為負(fù)數(shù)，百分比也為負(fù)數(shù)，那么運(yùn)算結(jié)果就是正數(shù)?？偠灾褪沁@里的運(yùn)算符合運(yùn)算法則。把運(yùn)算的結(jié)果帶入坐標(biāo)法則就能得到圖片的位置。

比如：容器是width：600px；height：600px；而圖片是width：200px；height：200px；
我們用上面的樣式，可以得到圖片位置為：
x：(600px-200px)*50%
y：(600px-200px)*(-30%)
如下圖：

<div style="position:fixed;bottom:0;right:0;_position:absolute;width:180px;height:220px;padding:10px; ">

<img src="圖片地址" width="180" height="180"? alt=""/>

掃一掃二維碼圖案加入我們的微信，獲取最新資訊</div>