行业动态布局方案
响应式网页一般应用媒体查询技巧,设置小屏、中屏、年夜屏三种结构计划。
应用移动优先策略,起首设计小屏幕三字型结构。小屏幕的显示空间有限,在进行设计时要去粗取精,对内容进行提炼,凸起重要内容;对情势进行简化,使导航进行折贴、缩小banner等。
中屏幕结构中导航可以睁开,banner可以适量放年夜,内容区涌现川字型和骨骼型结构。
年夜屏结构在中屏结构基本上,使侧边栏内容呈“display:block”显示状况,恰当增长网站内容,凸起网站特色,加强网站表示后果,填补小屏幕的视觉局限性;为阅读者供给新的视觉元素、丰硕的页面内容。
