css：构建响应式网站 -凯发k8官方网

• 创建可伸缩的图像

　　　　img标签省略设置width和height , 在样式表中设置max-width:100% ,

• 创建弹性布局网格

　　　　创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值

• 媒体查询

　　　　定义的方式：1）

　　　　　　　　　　2) 在样式表中@media screen and (max-width<960px){ }

　　　　最常用的是min-width   max-width

• 理解视觉区域以及使用视觉区域的meta元素

　　　　视觉区域（viewport）指的是浏览器显示页面的区域。

　　　　

• 兼容旧版本

　　　　通过条件注释判断浏览器的版本，选取不同的样式表

　　　　  //除ie8及以下的版本外，使用的样式表

　　　　    //用于ie9及以下的版本

转载于:https://www.cnblogs.com/linglongbaby/p/8582328.html

总结

以上是凯发k8官方网为你收集整理的css：构建响应式网站的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。