已阅读5页,还剩3页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
项目五任务一将页面转为响应式设计目录1.阻止移动浏览器自动调整页面大小2.使用媒体查询1.阻止移动浏览器自动调整页面大小
使用智能手机浏览桌面端网站时,一般会自动缩放到合适的宽度使视口能够显示整个页面,但是这样会使文字变得很小,浏览内容不方便。
通过设置meta标签的“viewport”属性设定加载网页时以原始的比例显示网页,并将meta标签加到<head>标签里。viewport是网页默认的宽度和高度,网页宽度默认等于设备宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,表示支持该特性的浏览器都会按照设备宽度的实际大小来渲染网页。1.阻止移动浏览器自动调整页面大小2.媒体查询媒体查询是实现响应式设计的关键技术,它可以根据设备显示器的特性为其设定CSS样式。仅使用几行代码,就可以根据诸如视图宽度、屏幕比例、设备方向(横向或纵向)等特性改变页面内容的显示方式,通过添加link标签实现。2.媒体查询3.流式布局媒体查询功能虽然强大,但也有局限性,在变化页面时没有平滑渐变,为了实现更灵活的设计,需要使用流式布局。流式布局的特点是:能使页面元素根据视口大小在一个又一个媒体查询之间灵
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年04月河北张家口市桥西区硕博人才引进40人笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月江苏省昆山高新区2024年公开招考6名进村工作人员笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月江苏南通市海门区人民医院招考聘用25人笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月成都市地方志编纂委员会办公室所属事业单位成都年鉴社(成都方志馆)2024年公开招考1名工作人员笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月广州市越秀区青年志愿者协会2024年招考2名项目专员笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月广东深圳光明区政务服务数据管理局招考聘用一般类岗位专干笔试笔试历年典型考题及考点研判与答案解析
- 2024年04月山西运城市临猗县校园招考聘用40人笔试笔试历年典型考题及考点研判与答案解析
- 三年级数学两位数乘两位数笔算题水平练习例题
- 2023年真空电磁阀项目安全评价报告
- 档案管理迎检汇报材料
- 小企业管理基础-形考任务2(第3-4章权重25%主观题需教师评阅)-国开(HB)-参考资料
- 2023版29490-2023企业知识产权合规管理体系管理手册
- 电力讲安全课件
- 元宇宙技术与应用智慧树知到期末考试答案2024年
- 中建设计创效专题交流
- 地理信息安全在线培训考试-单选题
- 医疗依法自查管理办法
- 2024年3M胶相关项目营销策略方案
- 科普宣传主题班会教案设计
- (高清版)TDT 1042-2013 土地整治工程施工监理规范
- 数字技术在培养小学生公民意识与社会责任感中的作用
评论
0/150
提交评论