响应式网页设计是根据访问者的使用设备不同，调整网页展示的宽度和高度，以合适的比例分辨率自适应平台屏幕宽度，使界面更美观，从而更好地了解用户要求，提高用户体验。 响应式网页设计主要是从CSS3层面进行实现，通过媒体查询功能和流功能，可以有效地根据屏幕宽度改变网页布局，自动适应不同机型显示，从而实现页面的自适应效果。另外，还可以通过在不改变设计思路的情况下，使用mixin技术或者百分比布局，实现网页的自动适应性，同时，可以利用ajax技术把内容加载到页面。 综上所述，响应式网页设计有利于提高网页访问效率，让访问者能够轻松访问网站，达到更好的用户体验。
1.头部结构：包括logo、导航菜单和搜索框等组件，需要考虑固定定位、响应式设计等问题。 2.内容结构：主要包括页面的主体内容和底部信息。在移动端，可以利用单栏布局或是纵向滚动的结构来实现。 3.页面元素：在移动页面中，需要注意元素的大小、数量和相对位置，保证页面美观易读。 4.页面响应：针对不同尺寸和分辨率的设备，需要进行响应式设计，确保页面在各类设备上的显示效果一致。 5.页面速度优化
过去几个月在问答社区回答了一些关于移动端网站优化的问题，发现很多移动SEO的问题涉及到用哪种架构做移动站。不少SEO貌似对独立移动站，也就是单独的m.domain站有不小的执念，认为独立移动站才是效果最好的。问答后台看到另一位读者“一条爱做梦的咸鱼”，也是问“新网站做移动SEO，使用m站还是响应式？”：您好，我在某个回答中看到了你的回答，有一些疑惑，您建议：“新网站，或者刚刚要做移动SEO的，最好
1、到百度资源平台网站类型中设置为：响应式网站。2、在百度资源平台提交网站sitemap。3、在模版头部文件中添加一行meta标签：<meta name="applicable-device" content="pc,mobile"/>（来源：搜外网）
所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。响应式网页设计与SEO 网站设计 经验心得 第1张(图一，响应式网页设计)通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多网页设计会自动转到特定的链接上，如上
