响应式网页一般使用媒体查询技术,设置小屏、中屏、大屏三种
运用移动优先策略,首先设计小屏幕三字型布局。小屏幕的显示空间有限,在进行设计时要去粗取精,对内容进行提炼,突出主要内容;对形式进行简化,使导航进行折贴、缩小banner等。
中屏幕布局中导航可以展开,banner可以适量放大,内容区出现川字型和骨骼型布局。
大屏布局在中屏布局基础上,使侧边栏内容呈“display:block”显示状态,适当增加网站内容,突出网站特点,增强网站表现效果,弥补小屏幕的视觉局限性;为浏览者提供新的视觉元素、丰富的页面内容。