响应式网站笔记-阿里云开发者社区

开发者社区> 主机笔记> 正文

响应式网站笔记

简介: 1.页面检测device.js 2.js控制styledocument.documentElement.clientWidth 窗口宽度兼容ie6onload 加载完成onresize 调整尺寸onscroll 滚动滚轮 3.
+关注继续查看

1.页面检测
device.js

2.js控制style
document.documentElement.clientWidth 窗口宽度兼容ie6
onload 加载完成
onresize 调整尺寸
onscroll 滚动滚轮

3.视口
iphone中屏幕宽度是980
iphone分辨率1136*640 三星note3分辨率1920*1080 但是视口都是980
分辨率和视口没有关系

约束视口,content包含5个规则
<meta content="width=device-width, //命令视口的宽度,变为设备的宽(1024*768为标准,通常为320~380之间)
initial-scale=1.0,
minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no" //不允许用户缩放
name="viewport" id="viewport">

css3媒体查询(ie9开始支持)
<link rel="stylesheet" href="style1.css" type="text/css" media="(min-width:640px) and (max-width:750px)">

min-width max-width box-sizing:border-box
jqmobile适合开发功能较多的网站

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
任时光匆匆流去 | 2019 年终总结
2019 是正式参加工作的第二年,时间消失起来就像火药引线被点燃一般让人来不及反应。看到一句很有认同感的话:“写作是和自己对话,对话越多,内心就会越平和越坚定。”去年的写作荒废了不少,就趁年终总结,多想一点,多说一点。
5 0
教你在SpringBoot初始化时搞点事情!
悉Spring的同学一定知道,容器刷新成功意味着所有的Bean初始化已经完成,当容器刷新之后Spring将会调用容器内所有实现了ApplicationListener<ContextRefreshedEvent>的Bean的onApplicationEvent方法,应用程序可
6 0
ASP.NET Core : 九.从Windows发布到CentOS的跨平台部署(下)
本文聊一下如何在Windows上用VS开发并发布, 然后将其部署到CentOS上。对于我们一些常在Windows上逛的来说,CentOS用起来还真有些麻烦。MSDN官方有篇文章大概讲了一下(链接),按照MSDN上面的例子用vs创建个hellomvc项目,还是踩了好多坑,将整个过程和遇到的坑说一下,希望对有需要的朋友有所帮助。
5 0
CORS跨域资源共享
CORS跨域资源共享
5 0
喜马拉雅自研 API 网关架构实践
网关是一个比较成熟了的产品,基本上各大互联网公司都会有网关这个中间件,来解决一些公有业务的上浮,而且能快速的更新迭代,如
6 0
2020秋招面试JVM虚拟机高频问题总结 问题+答案(4)
2020秋招面试JVM虚拟机高频问题总结 问题+答案(4)
4 0
绝了!这款工具让 Spring Boot 不在需要 Controller、Service、DAO、Mapper 了
ataway 是基于 DataQL 服务聚合能力,为应用提供的一个接口配置工具。使得使用者无需开发任何代码就配置一个满足需求的接口。整个接口配置、测试、冒烟、发布。一站式都通过 Dataway 提供的 UI 界面完成。UI 会以 Jar 包方式提供并集成到应用中并和应用共享同一个 http 端口,应用无需单独为 Dataway 开辟新的管理端口。 这种内嵌集成方式模式的优点是,可以使得大部分老项目都
8 0
ASP.NET Core : 八.图说管道,唐僧扫塔的故事(上)
本文通过一张GIF动图来继续聊一下ASP.NET Core的请求处理管道,从管道的配置、构建以及请求处理流程等方面做一下详细的研究。
4 0
Java程序员 面试如何介绍项目经验? Java程序员应该如何介绍自己的项目经验和自我介绍?面试如何突出自己
Java程序员 面试如何介绍项目经验? Java程序员应该如何介绍自己的项目经验和自我介绍?面试如何突出自己
7 0
+关注
主机笔记
主机笔记,各种服务器教程,vps教程,尽在https://www.zhujibiji.com/
83
文章
9
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载