响应式网页设计
什么是响应式网页设计?
一套页面可以在不同设备上很好的展示,并且展示效果根据不同设备显示布局不同,这就是响应式网页设计。
响应式 web 设计使用 HTML 和 CSS就可以实现,并不需要 javascript 进行控制。
为所有用户获得最佳体验的设计
可以使用许多不同的设备来查看网页:台式机、平板电脑和手机。无论使用哪种设备,您的网页都应该看起来美观且易用。
网页不应舍弃信息来适合较小的设备,而应使其内容适合任何设备:
如果您使用 CSS 和 HTML 调整大小、隐藏、缩小、放大或移动内容,以使其在任何屏幕上看起来都很好,则称为响应式 Web 设计。
响应式网页设计示例
如果您不理解下面的例子,请不要担心,我们将在下一章中一步一步地分解代码进行讲解:
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/courses/59553.html