移动web知识

1、像素知识

　　px: css pixels，逻辑像素，浏览器使用的抽象单位

　　dp,pt:device independent pixels ，设备无关像素

　　dpr:devicePixelRatio 设备像素缩放比

　　

　　计算公司：1px=(dpr)*dpr*dp

2、Viewport

　　手机浏览器默认为我们做了两件事。

　　　　一：页面渲染在一个980px(iso)的Viewport。

　　　　二：缩放

　　是有 visual Viewport 与 layout viewport.

　　最佳meta设置如下：

　　<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

　　window.innerWidth/document.body.clientWidth=缩放比

　　【布局Viewport】=【设备宽度】=【度量Viewport】

　　

时间： 2024-08-04 20:30:30

移动web知识的相关文章

Java Web知识梳理

今天给内部做了个培训,貌似搞错了对象,不该对新人讲这么原理性的东西. anyway,还是放上来吧,不知道有没有人能理清其中的逻辑 ^ _ ^ 问题:为什么要用tomcattomcat: servlet containerservlet + container web的基础是什么? 网络编程:链接.数据 链接:Socket/ServerSocket 数据:InputStream/OutputStream Stream 数据是什么?网络中传输的Bits! 但是,Bits不是我们想要的,我们想要的是信

Web知识简易介绍及HTTP知识总结

一.软件系统体系结构: 常见软件系统体系结构B/S.C/S C/S结构即客户端/服务器(Client/Server),例如QQ: 缺点:软件更新是需要同时更新客户端和服务器端两端,比较麻烦 优点:安全性比较好. B/S结构即浏览器/服务器(Browser/Server); 优点:只需要编写服务器端程序: 缺点:安全性较差. 二.WEB资源 1.Web资源介绍 HTML:静态资源,浏览器可以看得懂, JSP/Servlet:动态资源,需要先转换成html,在给浏览器解析.它可以有变量 除了Java

web知识汇总

Web: 定义: web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思.现广泛译作网络.互联网等技术领域.表现为三种形式,即超文本(hypertext).超媒体(hypermedia).超文本传输协议(HTTP)等. 表现形式: 一.超文本(hypertext) 超文本是一种用户接口方式,用以显示文本及与文本相关的内容.现时超文本普遍以电子文档的方式存在,其中的文字包含有可以链接到其他字段或者文档的超文本链接,允许从当前阅读位置直接切换到超文本链接所指向的文字. 超文本的格式有很多,最

web知识

来源:http://blog.csdn.net/wall1999/article/details/55100942 一.节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.owner

Javascript web知识

浏览器中的JavaScript很重要的一部分是BOM(浏览器对象模型),她提供了独立于内容而与浏览器窗口进行交互的对象. 1. 导航和打开新窗口 window.open(“http://www.baidu.com”,”wioxwindow”, ”height=150,width=30,top=10,left=10,resizable=yes”); 特性字符串是用逗号分隔的,因此在逗号或等号前后不能有空格. window.open( pageURL,name,parameters); 其中: pa

零Web知识个性化Blog

需要使用到的工具 Chrome Pycharm 自定主题的CSS 申请博客的Js权限 设置博客选项 打开Chrome修改查看CSS样式,Windows(F12),MacOS(Command+Option+I)打开开发工具 使用搜索引擎搜索一个你喜欢的H5的背景效果 CSS代码 1 #home { 2 margin: 0 auto; 3 width: 80%; 4 min-width: 950px; 5 background-color: #ffffffc0; 6 padding: 30px; 7

网络内生安全试验场-CTF答题夺旗赛（第四季）web知识

##nani  文件包含和魔法函数 _WAKEUP() 的跳过 在url中直接尝试php为协议 php://filter 拿到use.php的源码 源码中 _wakeup()魔术方法将convent对象中的warn变量赋变为空值  // _WAKEUP()会在反序列化时触发,__wakeup()函数 该魔术方法在反序列化的时候自动调用,为反序列化生成的对象做一些初始化操作 所以当你覆盖warn变量时 warn同时也被赋为空 这里就需要跳过魔术方法 参考https://www.cnblogs.co

python bottle web框架简介

Bottle 是一个快速,简单,轻量级的 Python WSGI Web 框架.单一文件,只依赖 Python 标准库 .bottle很适合会一点python基础的人使用,因为这框架用起来很简单,只要你会python基础语法,有一点WEB知识,就可以开发出很不错的WEB.学了python的运维人员,压根不需要django框架,就可以运维工具了,毕竟django学习起来,比较复杂,学习时间也长,我们有必要一定要使用django吗? URL 映射 (Routing): 将 URL 请求映射到 Pyt

小白入坑 Web 渗透测试必备指南

本文来自作者 肖志华 在 GitChat 上分享「Web 渗透测试入坑必备指南」,「阅读原文」查看交流实录 「文末高能」 编辑 | 黑石 小白如何快速入门 由于本人技术性受限制,可能部分内容显得不那么清晰,如有疑问请读者圈联系我.再者,内容不会完全讲清楚,因为本身话题的原因,部分会一笔带过. 小白该如何踏入 Web 安全这个坑呢?我的经历是,兴趣所在.我是野路子,全靠兴趣来自学. 现 Web 安全如果要讲入门,要求并不高,两三天就能入门,而我也仅在入门级别. 我接触这个比较早,最初是在10年还是