摘要:
上集回顾:昨天讲了页面如何根据不同的设备尺寸做出响应。主要是利用了@media命令以及尺寸百分比化这两招。上集补充:其中,利用以下CSS设置让图片或视频大小不超过设备屏幕的宽度:img, object{max-width:100%;}这一语句一般加在@media screen and (max-width:481)的判断内,主要是让手机用户在查看网页时图片不至于比手机屏幕还大。这一招在《Head First Moblie Web》中被称为“Fluid Image Technique”。视频能够做成响应式吗?除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入 阅读全文