ï»?html xmlns="//www.w3.org/1999/xhtml">
2018-12-15 æ¥æºåQ?a href='//au0779.cn/news/182.html'>//au0779.cn/news/182.html
贵州ä¸(juan)“业¾|(xiang)(xiang)‘ç(shi)«™(«™)(«™(«™))廸™®¾æŽ¨å¹¿å…(wei)¬å¸‹¹…è°ˆå“(yu)å(ao)º”(pai)å¼ç(dai)½‘站有å“(yu)ªäº›ä¼˜ç¼ºç‚¹ï¼ŒçŽ°åœ¨(œ¨)çš(fei)(fei)„ä(qiao)¼(jie)ä¸(juan)šç½‘ç«™å(luo)¾è®(cong)(cong)ùNƒ½(shi)会选择现在(œ¨)‹¹è¡Œçš(fei)(fei)„å“(chen)(chen)应å¼(fang)å¸(ning)(ning)ƒå±€(long),˜q™ç§å¸(ning)(ning)ƒå±€(long)æ˜(tuan)(tuan)(tuan)¯éžå¸(ning)(ning)¸å®žç”¨çš„(qing)(qing),æ˜(tuan)(tuan)(tuan)¯ä»Šòq(qian)´éžå¸(ning)(ning)¸æ(gao)µè¡Œçš„(qing)(qing)ä¸(juan)€ä¸(juan)ªè®¾è®(cong)(cong)¡å¸ƒå±€,éšç(dai)€¿UÕdŠ¨äº’è”¾|(xiang)(xiang)‘ç(shi)š„(qing)(qing)盛行,ä¸(juan)ø™§£å†›_¦‚ä»(xi)Šå(mian)„(yu)å¼å„(yu)æ ïLš„(qing)(qing)‹¹è§ˆå™¨åˆ†è¾¨çއä»(xi)¥åŠä¸(juan)å(ao)Œ¿UÕdЍè®(cong)(cong)‘Ö¤‡çš(fei)(fei)„显(shuang)½Cºæ•ˆæž?è®(cong)(cong)¾è®¡å¸(ning)(ning)ˆæ(zhuan)å‡ÞZº†å“(yu)å(ao)º”(pai)å¼å¸ƒå±€çš(fei)(fei)„设è®(cong)(cong)¡æ–¹æ¡?ä»(xi)Šå(mian)¤©ž®(hao)±å’Œ(nin)å¤(chan)§å®¶æ¥è®²è®(cong)(cong)²å(cha)“(chen)(chen)应å¼(fang)¾|(xiang)(xiang)‘ç(shi)«™(«™)(«™(«™))å¸(ning)(ning)ƒå±€(long)æ˜(tuan)(tuan)(tuan)¯æ€Žä¹ˆå›žäº‹,åŒ(chen)…å«ä»(xi)€ä¹ˆæ(zhuan)˜¯å“(yu)å(ao)º”(pai)å¼å¸ƒå±€ã€å“(chen)(chen)应å¼(fang)å¸(ning)(ning)ƒå±€(long)çš(fei)(fei)„ä(qiao)¼˜(hong)点和(nin)¾~ºç‚¹.
一ã€ä»€(rou)么是(yi)å“应(pai)å¼å¸ƒå±€?
å“å(ao)º”å¼ç½‘™åµè(dian)®¾è®?Responsive Web Design½Ž€¿U°R(lin)WD)˜q(ma)™ä(yu)¸ªæœ(lian)¯è¯,ç”׃(bian)¼Š(fen)æ¡(jin)‘Â(nuo)·é(feng)©¬¿U‘特(Ethan Marcotte)æå‡º.ä»–å(yi)œ¨A List Apartå‘è(kui)¡¨äº†ä¸€½‹‡å¼€åˆ›æ(lei)€§çš„æ–‡ç(yun)« ,ž®†ä¸‰(zhu)¿Uå(ao)·²æœ(lian)‰çš„开呿Ѐæœ(lian)?å¼ÒŽ€§ç½‘æ ¹{(jian)€å(huo)¼¹æ€(hao)§å›¾ç‰‡ã€å(huo)ª’体æ(dun)Ÿ¥è¯?æ•(suo)´åˆèµ(bi)äh¥,òq¶å‘½å(yang)䨓å“å(ao)º”å¼ç½‘™åµè(dian)®¾è®?
å“应å¼ç½‘(xiu)站设è®(cong)¡å°±æ˜¯ä¸€ä¸(juan)ªç½‘(xiu)站能够兼å®(yue)¹å¤šä¸(juan)ªç»ˆç«?ä¸(juan)需è¦ä(heng)Ø“æ¯ä¸ª¾lˆç«¯åšä¸€ä¸(juan)ªç‰¹å®(yue)šçš„(qing)ç‰(jian)ˆæœ¬.½Ž€å(ti)•地(ban)ç†è§£:ä¸(juan)€ä¸(juan)ªå“应å¼(fang)¾|‘ç«™(«™)=手机端网(xiu)ç«?pad端网(xiu)ç«?PC端网(xiu)ç«?具体çš(fei)„å(fan)®žçްæ(ban)–¹å¼ç”±å¤šæ–¹é¢å†³å®(yue)?包æ(qi)‹¬å¼ÒŽ(gui)€§ç½‘(xiu)æ ¹{€å¼¹æ€(hao)§å›¾ç‰(jian)‡ã€CSS媒ä(gun)½“查询(media query)çš(fei)„ä‹É用ç‰.˜q™ä¸ªæ¦‚å¿µæ˜¯äØ“è§£å†³¿UÕdŠ¨äº’è”(ba)¾|‘æµè§ˆè€Œè¯žç”Ÿçš„(qing).
å“应å¼å¸ƒå±€å¯ä»¥ä¸(juan)ÞZ¸åŒç»ˆç«¯çš„ç”(ç”)¨æˆ·(jiong)æ(suo)ä(yun)¾›æ›´åŠ èˆ’é€‚çš„ç•Œé¢å’Œæ›´å¥½çš„ç”(ç”)¨æˆ·(jiong)体验,而且éš(wen)ç€ç›®å‰(shan)大å±òq•ç(kuang)§»åŠ(e)¨è®¾å¤‡ç(yun)š„æ™®åŠ,ç”(ç”)¨å¤§åŠ(e)¿æ‰€‘‹æ¥(sa)å½(qian)¢å®¹ä¹(cen)Ÿä¸ä¸(juan)ø™(hong)¿‡.éš(wen)ç€‘Šæ¥(sa)‘Šå¤šçš„设计师采ç(yun)”¨˜q™ä¸ªæŠ€æœ(lian)?我们ä¸(juan)ä»…çœ(lu)‹åˆ°å¾ˆå¤šçš„创æ–?˜q˜çœ‹åˆîCº†ä¸(juan)€äº›æˆå½(qian)¢çš„æ¨¡å¼.
äº(bang)Œã€å(huo)“应å¼å¸(ning)ƒå±€æœ‰å“ªäº(bang)›ä¼˜ç‚¹å’Œ¾~ºç‚¹?
优点:
1ã€å“应å(you)¼¾|‘站的æ(juan)™º(™º)能化,ç”(ç”)¨æˆ·ä½“验å‹å¥½
éš(wen)ç€ç”(ç”)µè„‘ž®ºå¯¸å¤(chan)šå…ƒåŒ?æ™ø™(hong)ƒ½è®(cong)‘Ö¤‡(pad/æ™ø™(hong)ƒ½æ‰(jia)‹æ(‹æ)œº)æ™®åŠåŒ?在当(hong)ä¸(juan)(juan)‹è¿½æ±‚用(ke)户体(hong)验至(li)ä¸(juan)(juan)Šçš„æ—(zu)¶ä»£,之剾|‘站普é使ç(kua)”¨(ke)å›(qie)ºå®š(lei)çš„å(fan)®½åº?960px)逿¸æ»¡èƒöä¸(juan)(juan)了(jian)çŽ(dui)°å(ban)œ¨ä¸(juan)(juan)åŒè®(cong)‘Ö¤‡ä¸(juan)(juan)Žä¸(zhen)å(yang)Œå(han)ˆ†è¾(cha)¨çއ(އ)éœ(an)€æ±?在高分èöLçŽ(dui)‡ç”µè„(xi)‘宽屿˜¾½C(gan)ºå™¨(sa)ä¸(juan)(juan)?ä¸(juan)(juan)¤è¾¹ç•(ç•)™ç™½˜q‡å(jiong)(jiong)¤š.在手æœ(lian)ÞZ¸Š(¸Š)昄¡(ju)¤º,å†(cong)…容昄¡(ju)¤º˜q‡å(jiong)(jiong)°,ç”(ç”)¨æˆ·(jiong)ä¸(juan)(juan)ÞZº†(jian)看æ(‹æ)¸…æ¥?é¦(di)–å(yi)…ˆéœ(an)€è¦æ”¾å¤(chan)§ç•Œ(zhuo)é(wei)?å†(cong)å·¦åÏx‹–æ‹(ma)–界(zhuo)é(wei)?
廸™®¾å“应(pai)å¼ç½‘ç«(ku)?最大的(qing)(qing)(qing)ä¼(mei)˜åŠ¿ž®(hao)±æ(bian)˜¯å…(wei)ähœ‰æ™(xiu)ø™ƒ½åŒ(chen)–çš„(qing)(qing)(qing)å“应(pai)è®(cong)¾è®¡,˜q™ç§¾|‘站能够针å(guo)¯¹ç”¨æˆ·è®(cong)‘Ö¤‡æ˜(tuan)„¡(ju)ްç«(ku)¯çš„(qing)(qing)(qing)ž®(hao)ºå(hong)¯¸ä¸(juan)åŒ,ä¸(juan)ÕdЍçš(fei)(fei)„è(ju)°ƒæ•´ç(cun)½‘ç«(ku)™çš„(qing)(qing)(qing)æ˜(tuan)„¡(ju)¤ºæ–ÒŽ³•,è®(cong)©ç½‘ç«(ku)™å‡ 乎能够适å(xiao)º”(pai)所有的(qing)(qing)(qing)æ˜(tuan)„¡(ju)¤º¾lˆç«¯,而且˜q˜è(zhan)ƒ½å¤Ÿåœ¨(œ¨)‹¹è§ˆå™¨ä¸è°(zhang)ƒæ•´(qi)¾|‘ç«™çš(fei)(fei)„宽åº?è®(cong)©ç½‘ç«(ku)™ä¸(zhen)ä¼(mei)šå(ya)‘ˆ(su)çŽ(dui)°å‡ºæ»šå(ya)Ѝæ?使用户ä¸(zhen)½Ž¡åœ¨(œ¨)ä»ÖM(hui)½•(fu)ä¸(juan)€¿U显½C(gan)ºå(hong)™¨ä¸(juan)Šæµ(gu)è§(nao)ˆç½‘ç«(ku)?都ä¸(zhen)ä¼(mei)šå(ya)‘ˆ(su)çŽ(dui)°å‡ºå¸ƒå±€ç´Šä(lou)Ø•(gong)ã€æ˜¾½C(gan)ÞZ¸(zhen)å…(wei)¨ã€æˆ–者是出现ä¹Þq çš(fei)(fei)„情å†?å› è€Œç”¨æœ€å¤§ç¨‹åº¦çš„(qing)(qing)(qing)æ˜(tuan)¯äؓ用户能够æé«˜¾|‘站体验.
2ã€å“应弾|‘站也è(xi)ƒ½èŠ(qu)‚ç(yao)º¦è®¾è®¡å¼€å‘æˆæœ?/span>
相å(gao)¯¹éœ€è¦å(huo)¼€å(hong)‘电脑网(xiu)(xiu)ç«™ã€p(na)ad¾|(xiang)‘ç«™ã€(mo)手(zhui)æœ(lian)(lian)(lian)ºç½‘(xiu)(xiu)ç«™æ¥è¯(xuan)?å“应å¼(liao)网(xiu)(xiu)ç«™è(luan)Š‚çœè®¾è®¡å¼€å(hong)‘æ(jia)ˆæœ(lian)(lian)(lian)¬çš„.å»(wu)(wu)ø™(hong)®¾å“应å¼(liao)çš„¾|(xiang)‘ç«™,能够让客户ä¸ä¼šå†ç”¨é’ˆå¯¹ä¸åŒçš„讑֤‡è€Œå(han)ˆ¶ä½œpc版网(xiu)(xiu)ç«?或者是手机(man)版的¾|(xiang)‘ç«™,å»(wu)(wu)ø™(hong)®¾ä¸(juan)(juan)€ä¸(juan)(juan)ªå“应å¼çš(fei)(fei)„ç(tong)½‘(xiu)(xiu)ç«?èŠ×ƒ¸€ä»½ç(jie)š„é’?ž®Þpƒ½(shi)获得ä¸(juan)(juan)¤ç§¾|(xiang)‘ç«™çš(fei)(fei)„体ä¼?æœ(lian)(lian)(lian)€¾lˆå®žçŽîC¸€ç«™å(luo)(luo)¤šç”¨çš„作用效果(yong),ä»ŽåŽæœ(lian)(lian)(lian)Ÿç(xi)»´(huai)护角度æ¥è¯(xuan)?å†ä¸éœ€è¦å(huo)ˆ†åˆ«ç»´(huai)护pc界é(yue)¢(kui)ã€(mo)p(na)ad界é(yue)¢(kui)ã€(mo)移动界é?ä¸(juan)(juan)“å(qin)¿ƒ¾l´æŠ¤ä¸(juan)(juan)€ä¸(juan)(juan)ªç½‘(xiu)(xiu)ç«™å(luo)(luo)³å(hong)?从而å(han)ˆ°è¾¾è(juan)Š‚¾U¦ç½‘(xiu)(xiu)ç«™å(luo)(luo)¾(huan)设ä(ju)¼˜åŒ(chen)–本é’?
3ã€å“åº(qian)”å¼¾|‘ç(shi)«™æ›(xuan)´åˆ©äºŽä¼˜åŒ?/span>
å“应å¼å¾ç«(ku)™ç›¸æ¯(jiao)”ä(pei)¼ ¾lŸç½‘ç«(ku)™æ¥(sa)讲è(cha)¦½Ž(geng)€¾lƒå¾—å¤?且应用多åª(zhuo)’体(hong)çš(fei)„环(yi)境下,å¯ÒŽœç´¢å¼•æ“Žçš„æŠ“å–(xiao)也是异å(xiao)¸¸å(hong)‹å(pin)¥½çš(fei)?是以¾|(xiang)‘站优å(hua)(hua)Œ–èµäh¥(sa)åŠ å€è½»æ?在PCç«(ku)¯äºŽ¿UÕdЍç«(ku)¯ä¸Šçš(fei)„推òq¿ä¹Ÿä¸åœ¨éœ€è¦åˆ†(ke)开优å(hua)(hua)Œ–推广,å(hong)ªéœ€è¦åš(cha)好一个便能得åˆ(rou)°æ•ˆæž?
ç”(ç”)׃ºŽå“å(ao)º”¾|‘ç(shi)«™åœ(she)¨ä¸å(yang)Œç(chu)»ˆç«¯æœ‰(shi)å(hong)(hong)‹å¥½çš„界é¢å±•½C(gan)(gan)ºæ•ˆ(han)æž(man)?ç”(ç”)¨æˆ·(jiong)å(hong)(hong)¯ä»¥ä¸(juan)Žç½‘ç«™ä¸€ç›´ä¿æŒ(juan)蔾p?比如URLä¸(juan)å(ao)˜(kuang)¿U¯ç¯åˆ†äín;通过å•ä(meng)¸€çš„URLåœ(she)°å€æ‰‹æœº(man)所有的(qing)½C(gan)(gan)¾äº¤åˆ†äín链接(sha)最佛_Œ–æœç(mie)ƒ¦(chu)å¼(liao)•æ(chen)“Ž.æœç(mie)ƒ¦(chu)å¼(liao)•æ(chen)“Žä¹(cen)(cen)Ÿå(zeng)(zeng)œ¨å(hong)(hong)˜å(hua)¾—‘Šæ(cong)¥‘Šè(ju)ªæ˜(tuan)?它们‘›_¤Ÿæ™ø™ƒ½å(hong)(hong)¯ä»¥å®Œæˆ(yao)¿UÕdЍ¾|‘ç(shi)«™å’Œæ¡Œé¢ç½‘站的(qing)链接(sha).Googleä¹(cen)(cen)Ÿå(zeng)(zeng)¾è®®ä¼˜å…ˆé‡‡ç”(ç”)¨å“(chen)应å¼(fang)设计,å› äØ“æ— è®ºæ˜(tuan)¯ä»€ä¹(cen)(cen)ˆç½‘™å늉ˆ(zeng)本都æ˜(tuan)¯ç›¸(shi)å(yang)Œç(chu)š„(qing)HTMLã€ç(quan)›¸(shi)å(yang)Œç(chu)š„(qing)内容,Google最å®ÒŽ˜“处ç†.
ä¸åŒ(qian)讑Ö(ju)¤‡ä¸Šçš„地å€éƒ½ä¸€è‡?ä¸åƒä»¥å‰,ä¸åŒ(qian)的设备有ä¸åŒ(qian)的地å€.˜q™æ ·(gu)å¯ä»¥æœçƒ¦ä¼(mei)˜åŒ–,让谷(an)æŒç(chu)½‘(xiu)(xiu)¾lœçˆ¬è™«æ›´å®(yue)ÒŽ˜“扑Ö(ju)ˆ°ä½ çš„¾|‘ç«™,对网(xiu)(xiu)ç«(ku)(ku)™çš„æ”¹å(gui)˜,å¯ä»¥æ›´å¿«é€Ÿçš„在æœç´¢å¼•擎的¾l“æžœ(yong)ä¸å¾—到更æ–(kou)?å¤§å¤§åŠ å(chai)¿«äº†ç½‘(xiu)(xiu)ç«(ku)(ku)™æ”¶å½•ç(kuang)š„速度.
¾~ºç‚¹:
1ã€?å“(yu)应å¼ç½‘ç«™åŠ è½½éœ€è¦ä¸€å®šçš„æ—‰™(duo)—´
ç”׃ºŽ(lu)å“应(pai)å¼é¡µé¢æ˜¯åŒæ—¶ä¸‹è²å¤šå¥—CSSæ (luo)·å¼ä»£ç ,å(hong)¯èƒ½åœ(she)¨æ‰‹æœÞZ¸Šž®×ƒ¸‹è½½PCã€Padçš„å(fan)†—余代ç ?坯D(jian)‡´æ–‡äšgå(hong)˜å¤§,å½±å“åŠ(e) è(kang)²é€Ÿåº¦.˜q˜æœ‰ä¸€äº(bang)›å›¾ç‰‡å(jiong)ƈ没有æ (luo)ÒŽ®è®‘Ö¤‡è°(zhang)ƒæ•´(qi)到适宜的å(fan)¤§ž®?而这(san)æ£æ˜¯å¯ÆD(jian)‡´åŠ(e) è(kang)²æ—‰™—´(nie)åŠ(e) å€çš„åŽŸå› (› ).
2ã€(mo)å“åº(qian)”å(you)¼(fang)¾|‘站在优化æœç´¢å¼•擎时
关于å“应å¼(liao)Web设计,为æœç´¢å¼•擎确定å(ya)…³é”(wen)®å—òq¶ä¸æ˜¯ä¸€(cun)ä»(xi)¶ç®€å•的事æ(‹æ)ƒ….å›(qie) 䨓(fu)相比(shen)一èˆ(lei)¬æ¡Œé¢ç”¨(ke)æˆ?¿UÕdЍ(nian)用户å¤(chan)šæ(dong)•°é‡‡ç”¨(ke)ä¸åŒçš„å…³é”(wen)®å—,ä¿®æ”¹æ ‡é¢˜å’Œå…¶ä»(xi)–事™åšwƒ½æ¯(jiao)”较å›(qie)°éš¾.
3ã€å“(chen)应弾|(xiang)‘ç(shi)«™å½±å“(chen)Google的排(ma)å?/span>
如果(yong)å“应(pai)å¼ç(dai)½‘(xiu)ç«™ä(yu)»…(chi)ä»…æ ¹æ®ç§»åŠ(e)¨å†…å®?它å¯(chi)能ä(jie)¼šå½±å“到网(xiu)站的Google排å.ç”(ç”)׃ºŽGoogle䏿”¯æŒ(juan)è(ci)¿™æ ïLš„¾|‘ç«™,它ä(ƒä)¸ä¼(mei)šå¯¹ä½ çš„¾|‘ç«™˜q›è(du)¡Œç´(shang)¢å¼•.
4ã€(mo)å(huo)šå“(yu)应å¼ç(dai)½‘站所耗ç(wo)š„æ—‰™—´å¾ˆå¤š
å¦(ru)‚æžœä¼(mei)ä(heng)(heng)(heng)¸šè®(cong)¡åˆ’æƒÏxŠŠä¸(juan)(juan)€ä¸(juan)(juan)ªçްæœ(lian)‰ç½‘ç«(ku)™è{化æˆå“å(ao)º”å¼ç(dai)½‘ç«(ku)?å¯èƒ½(shi)è€(yao)—æ—¶(lu)更多.å¦(ru)‚æžœä¼(mei)ä(heng)(heng)(heng)¸šçœ(lu)Ÿçš„æƒŒ™(chong)¦ä¸(juan)(juan)€ä¸(juan)(juan)ªå“(chen)应弾|‘ç«™,廸™®®ä¼(mei)ä(heng)(heng)(heng)¸šæœ(lian)€å¥½ä»Ž(hong)è‰å›¾å¼€å§‹è®¾è®(cong)?
5ã€å¯¹ä½Žç‰ˆæœ¬æµè§(nao)ˆå™¨(sa)å…¼å(jian)®¹æ€§ä¸(zhen)å‹å¥½
对于è€(yao)版(zeng)æœ(lian)¬æµ(gu)览器支æŒ(shi)ä¸å(ao)¥½,˜q™æ˜¯ä¸€ä¸ªè‡´å‘½ç(jie)š„(qing)问题.è€(yao)版(zeng)æœ(lian)¬æµ(gu)览器上打开å“å(ao)º”(pai)å¼ç(dai)½‘ç«(ku)™ä(yu)¼š¾l常出ç(hong)ް(bang)囄¡(ju)‰‡æ˜„¡(ju)¤ºä¸å(ao)…¨,排版(zeng)é”™ä(yu)Ø•(gong)½{(jiang)‰æƒ…å†(cong)?
å› æ¤,ä¼(mei)业是å¦å(guo)šå“(chen)应弾|‘ç(shi)(shi)«™(«™),å–决äº(bang)(bang)Žå(yi)¯¹è‡ªèín(han)¾|‘ç(shi)(shi)«™(«™)的定ä½(huan)?若是ä¸(juan)€èˆ(lei)¬çš„ä¼(mei)业官网(xiu),¾|‘ç(shi)(shi)«™(«™)å†(cong)…容较少,对网(xiu)ç«(ku)™é¡µé(wei)¢è¦æ±‚è(ta)¾ƒé«(zha)˜çš„客户å¯è€ƒè™‘å(guo)šå“(chen)应弾|‘ç(shi)(shi)«™(«™).若是æƒ(luo)›_š(cha)功能(shi)åž‹ç(xu)½‘(xiu)ç«(ku)?¾|‘ç(shi)(shi)«™(«™)å†(cong)…容较多,åˆ(rou)™éœ€è¦ç”µè„‘手机分(ke)å¼€å(guo)?ä¸(juan)€æ˜¯æŠ€æœ¯å®žçŽ°å¤ªéš?äº(bang)(bang)Œæ˜¯¼‹®å®žä¸(juan)适åˆå(guo)šè¿™äº(bang)(bang)›å(si)ŠŸèƒ½åž‹¾|‘ç(shi)(shi)«™(«™).ä¸(juan)管ä½(huan) é(bo)€‰æ‹©å»ø™®¾åˆ(rou)¶ä½œå“ªä¸€¾c(ling)Ƚ‘(xiu)ç«(ku)?éƒ(ting)½è¦ä»(xi)Žç(tiao)”¨(ke)æˆähµè§ˆè§’度出(pi)å?è¦æƒ³(zan)¾|‘ç(shi)(shi)«™(«™)å¸(ning)¦æ¥æ•ˆç›Š,é¦(di)–å…ˆè¦å¾—åˆ(rou)°ç”¨(ke)æˆïLš„è®(cong)¤å¯.