自适应配置
LTIven
爱闻,爱问,爱文
展开
-
图片的响应式设计
响应式图像教程感谢 腾讯课堂NEXT学院 赞助本站,腾讯官方的IT课程 年终优惠免费试学。 网页在不同尺寸的设备上,都有良好的显示效果,叫做"响应式设计"(responsive web design)。 响应式设计的网页图像,就是"响应式图像"(responsive ima...转载 2019-11-11 15:10:13 · 297 阅读 · 0 评论 -
详解<meta name="viewport" content="width=device-width">标签
原文链接 我们拿到一个设计稿,以iPhone7为基准的, 好的,我们按照习惯在html插入标签<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">但是,当我们在css里面设置...转载 2019-07-23 13:45:39 · 1144 阅读 · 0 评论 -
移动端前端适配方案(总结) -- 面试重点
前面的话 一说到响应式设计,肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容,实际上CSS2已经存在了,CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容媒介类型 在CSS2中,媒体查询只使用于<style>和<link>标签中,以media属性存在 media属性用于为不同的媒介类型规定不同的样式scr...转载 2019-09-21 16:55:13 · 791 阅读 · 0 评论