ååºå¼Web设计(Responsive Web design)çç念æ¯ï¼
页é¢ç设计ä¸å¼ååºå½æ ¹æ®ç¨æ·è¡ä¸ºä»¥å设å¤ç¯å¢(ç³»ç»å¹³å°ãå±å¹å°ºå¯¸ãå±å¹å®åç)è¿è¡ç¸åºçååºåè°æ´ãå ·ä½çå®è·µæ¹å¼ç±å¤æ¹é¢ç»æï¼å æ¬å¼¹æ§ç½æ ¼åå¸å±ãå¾çãCSS media queryç使ç¨çãæ 论ç¨æ·æ£å¨ä½¿ç¨ç¬è®°æ¬è¿æ¯iPadï¼æ们ç页é¢é½åºè¯¥è½å¤èªå¨åæ¢å辨çãå¾ç尺寸åç¸å ³èæ¬åè½çï¼ä»¥éåºä¸å设å¤ï¼æ¢å¥è¯è¯´ï¼é¡µé¢åºè¯¥æè½åå»èªå¨ååºç¨æ·ç设å¤ç¯å¢ãååºå¼ç½é¡µè®¾è®¡å°±æ¯ä¸ä¸ªç½ç«è½å¤å ¼å®¹å¤ä¸ªç»ç«¯ââèä¸æ¯ä¸ºæ¯ä¸ªç»ç«¯åä¸ä¸ªç¹å®ççæ¬ã
å¦æéä¿ä¸ç¹å¢ï¼æºè½å°æ ¹æ®ç¨æ·è¡ä¸ºä»¥å使ç¨ç设å¤ç¯å¢ï¼ç³»ç»å¹³å°ãå±å¹å°ºå¯¸ãå±å¹å®åçï¼è¿è¡ç¸å¯¹åºçå¸å±
页é¢ç设计ä¸å¼ååºå½æ ¹æ®ç¨æ·è¡ä¸ºä»¥å设å¤ç¯å¢(ç³»ç»å¹³å°ãå±å¹å°ºå¯¸ãå±å¹å®åç)è¿è¡ç¸åºçååºåè°æ´ãå ·ä½çå®è·µæ¹å¼ç±å¤æ¹é¢ç»æï¼å æ¬å¼¹æ§ç½æ ¼åå¸å±ãå¾çãCSS media queryç使ç¨çãæ 论ç¨æ·æ£å¨ä½¿ç¨ç¬è®°æ¬è¿æ¯iPadï¼æ们ç页é¢é½åºè¯¥è½å¤èªå¨åæ¢å辨çãå¾ç尺寸åç¸å ³èæ¬åè½çï¼ä»¥éåºä¸å设å¤ï¼æ¢å¥è¯è¯´ï¼é¡µé¢åºè¯¥æè½åå»èªå¨ååºç¨æ·ç设å¤ç¯å¢ãååºå¼ç½é¡µè®¾è®¡å°±æ¯ä¸ä¸ªç½ç«è½å¤å ¼å®¹å¤ä¸ªç»ç«¯ââèä¸æ¯ä¸ºæ¯ä¸ªç»ç«¯åä¸ä¸ªç¹å®ççæ¬ã
å¦æéä¿ä¸ç¹å¢ï¼æºè½å°æ ¹æ®ç¨æ·è¡ä¸ºä»¥å使ç¨ç设å¤ç¯å¢ï¼ç³»ç»å¹³å°ãå±å¹å°ºå¯¸ãå±å¹å®åçï¼è¿è¡ç¸å¯¹åºçå¸å±
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2016-01-06
响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备;换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。本回答被提问者和网友采纳
第2个回答 2015-09-06
简单说，就是一个网站同一套HTML，多套的CSS布局，实现手机、平板、还是PC浏览都有适应该终端的界面呈现。比如：
http://www.jq22.com/yanshi4010，你可以点击左上角的图标查看在不同终端下的效果。
http://www.jq22.com/yanshi4010，你可以点击左上角的图标查看在不同终端下的效果。
第3个回答 2020-12-28
相似回答
