【转载】设备坐标（窗口/window）和逻辑坐标（视口/viewport）

一.预备知识 1.窗口是基于逻辑坐标的. 2.视口是基于设备坐标. 3.设备坐标是以像素为单位的,逻辑坐标是以.cm,m,mm,..... 4.系统最后一定要把逻辑坐标变为设备坐标. 5.设备坐标有3种: a.客户区域坐标,包括应用程序的客户区域,客户区域的左上角为(0, 0). b.屏幕坐标,包括整个屏幕,屏幕的左上角为(0, 0).屏幕坐标用在WM_MOVE消息中(对于非子窗口)以及下面的Windows 函数中:CreateWindow 和MoveWindow(都对于非子窗口).GetM…

移动web开发之视口viewport

× 目录 [1]布局视口 [2]视觉视口 [3]理想视口[4]meta标签[5]总结前面的话在CSS标准文档中,视口viewport被称为初始包含块.这个初始包含块是所有CSS百分比宽度推算的根源,它给CSS布局限制了一个最大宽度.在桌面上,视口的宽度和浏览器窗口的宽度一致.而在移动端,视口分为布局视口(layout viewport).视觉视口(visual viewport)和理想视口(ideal viewport) 布局视口移动端设备的问题是,如果使视口的宽度和浏览器窗口宽度一样会导…

父窗口window.showModalDialog传值子窗口window.returnValue返回值

父窗口打开子窗口页面: var fatherWindow = document.all.dealReason;//想传的值 win = window.showModalDialog(strUrl, fatherWindow, "dialogWidth=800px;dialogHeight=600px;"); //strUrl是子窗口页面,fatherWindow是想传的值,win是子窗口返回的值document.all.dealReason.value = win; 子窗口: var…

视口viewport与单位rem的本质

结论: 视口viewport的设置是为了让字的显示在不同的屏幕下保持一致. 单位rem的使用是为了让页面中的布局元素的比例在不同的屏幕下显示的比例保持一致. 现象: 我们看电脑时候的网页的时候的字体大小假如是font-size:20px,但是一换到手机上的时候显示字体就会变得过小,这是因为viewport的关系. viewport概念:决定一个屏幕能够显示的最大布局宽度,如果一个ipone6手机的可视视图为375像素,但让它的布局宽度以960px去显示就会适当的缩小整体布局来容纳可视视图,也就是…

【转载】解决window.showModalDialog 模态窗口中location 打开新窗口问题

来源: <http://bibipear.blog.sohu.com/143449988.html> 在我们的项目中,通常会用到showModalDialog 打开一个模态的子窗口,但是在这个子窗口中js方法里的document.location="" 通常会打开一个新的窗口,不论你的如何设置,问题的根源据我所以可能是js中遗留的问题,那么在js中document.location 唯独就是打开一个新的页面,但是同时<a href="" 的打开方…

(转)移动端开发总结（一）视口viewport总结

转载链接:移动端开发中,关于适配问题的一点总结(一) 视口布局视口layout viewport 视觉视口visual viewport 理想视口缩放一个重大区别最小缩放和最大缩放分辨率物理分辨率dpi 设备像素比 dpr dipsdevice-independent pixels 例子 meta视口完美的meta 视口视口 <meta name="viewport" content="width=device-width"/> 我们一…

视口viewport

一.viewport 1. 何为视口? 视口是浏览器显示网页的矩形区域. 2. 默认视口:模拟一个大约1000像素宽的视口. 理想视口:因设备.操作系统.浏览器而异,一般而言,手机宽带大约在300-500像素之间(iphone 5宽度320像素),平板宽度在800-1400像素可见视口:浏览器窗口减掉所有按钮.工作条.滚动条等组件之后,实际包含网页内容的空间. 布局视口:放大网页后某些部分会跑到可见视口之外.我们看到的那部分为可见视口,而假想的约束“整个页面”的矩形区为布局视口. <meta…

移动端布局：视口viewport的理解

移动端开发中,有一些基本概念需要理解清楚,才能更好的组织编程逻辑.在刚接触时,移动端视口的缩放和rem单位的缩放搞混淆了,弄得自己很蒙圈.所以仔细总结下自己的理解. 移动端的适配,我理解为两点: 第一点就是视口的缩放配置,牵扯出视口和像素等概念.目的是为让我们的CSS样式中逻辑像素匹配到手机终端的物理像素,让网页视图适合手机屏幕.虽然在代码中只是一个语句就解决的问题,但要理解它,要弄懂很多概念.<关于像素Pixel历史的详解看下一篇文档> 第二点就是rem单位的使用,目的是为了我们只需要一份代…

web 浏览器窗口window 与框架 frameset 的关系

如果页面包含框架,则每个框架都拥有自己的window对象,并且保存在frames集合中,可以通过数字索引(从0开始,从左右到右,从上到下)或者框架名称来访问相对应的window对象. 每个window对象都有一个name属性,其中包含着框架的名称. inded.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript</tit…

网页打开新窗口——Window.open()详解

转载自:http://blog.csdn.net/business122/article/details/8281142 Window.Open详解一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三.示例:<SC…

解决弹出的窗口window.open会被浏览器阻止的问题

问题现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,有时候会一直连接,有时候会偶尔拦截, 尝试了很多方法,走了很多弯路,总结一下结果分享大家原因分析&深入研究 1 当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止.因为浏览器认为这不是用户希望看到的页面 2 在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的. var btn = $('#btn'); btn.click(function () { //不会被拦截 windo…

解决弹出的窗口window.open会被浏览器阻止的问题（自定义open方法）

由于在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会,基于这一特点,自己封装了一个open方法: function openwin(url) { var a = document.createElement("a"); a.setAttribute("href", url); a.setAttribute("target", "_blank"); a…

[转载]浏览器事件window.onload、onfocus、onblur、ons

原文地址:浏览器事件window.onload.onfocus.onblur.onscroll和resize作者:lilyxiao <html> <head> <title>Sample Page!</title> <script type="text/javascript"> <!-- window.onload = function(){ var msg = "nwindow.onload 事件:nn&q…

【转载】利用window.performance.timing进行性能分析

利用window.performance.timing进行性能分析性能分析... window.performance.timing中相关属性语义: // .navigationStart 准备加载页面的起始时间 // .unloadEventStart 如果前一个文档和当前文档同源,返回前一个文档开始unload的时间 // .unloadEventEnd 如果前一个文档和当前文档同源,返回前一个文档开始unload结束的时间 // .redirectStart 如果有重定向,这里是重定…

【转载】Layered Window(分层窗体,透明窗体)

本文转载自花间醉卧<Layered Window(分层窗体,透明窗体)> //为窗体添加WS_EX_LAYERED属性,该属性使窗体支持透明 ModifyStyleEx(0, WS_EX_LAYERED); 效果1.1 窗体整体透明,子控件也透明 //设置Alpha值为150 BYTE byteAlpha=150; SetLayeredWindowAttributes(0,byteAlpha,LWA_ALPHA); 效果1.2 窗体整体透明,子控件不透明 //在OnCtlCol…

js打开新窗口: window.open

var iWidth = 800; var iHeight = 600; var iLeft = (window.screen.width - 10 - iWidth) / 2; //获得窗口的水平位置; var iTop = (window.screen.height - 30 - iHeight) / 2; //获得窗口的垂直位置; window.open('//www.baidu.com/', 'newwindow', 'height=' + iHeight + ',width=' + i…

【java+selenium3】多窗口window切换及句柄handle获取(四)

一 .页面准备 1.html <html> <head> <title>主页面 1</title> </head> <body> <div> 主页面 1 :<input type="text" id="input_1" value=""/><br><br> <a href="./2.html" targ…

ajax请求成功后新窗口window.open()被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 解决方法: 1.异步改为同步,即:async:false 2.将新开窗口指向为一个对象,然后修改对象的 ur…

js 打开窗口window.open

js改变原有的地址 window.open(webPath+'/index?code='+code,'_self');…

Android 环境搭建、基础窗口window／Mac

1.五步搞定Android开发环境部署--非常详细的Android开发环境搭建教程 2.Android开发学习之路--MAC下Android Studio开发环境搭建 4.Android常用开发工具以及Mac常用软件…

WPF如何给窗口Window增加阴影效果

https://blog.csdn.net/w_sx12553/article/details/45072861…

[Qt2D绘图]-03坐标系统之坐标变换

大纲: 基本变换介绍和常用API 窗口-视口转换窗口视口让窗口和视口维持相同宽高比来防止变形基本变换默认的,QPainter在相关设备的坐标系统上进行操作,但是它也完全支持仿射(affine)坐标变换(仿射变换的具体概念请查看其他资料). 绘图时可以使用常用API: QPainter::scale()函数缩放坐标系统; QPainter::rotate()函数顺时针旋转坐标系统; QPainter…

ogre的初始化与启动以及显示对象设置

ogre的使用方法1---自动设置 1.ogre初始化:首先实例化一个Root对象 Root * root = new Root(); Root * root = new Root("plugins.cfg"); Root * root = new Root("plugins.cfg", "ogre.cfg"); Root * root = new Root("plugins.cfg", "ogre.cfg"…

windows 屏幕坐标窗口坐标客户区坐标逻辑坐标设备坐标之间的关系及转换

设置坐标映射 (1)Windows坐标系统 Windows坐标系分为逻辑坐标系和设备坐标系两种,GDI支持这两种坐标系.一般而言, GDI的文本和图形输出函数使用逻辑坐标,而在客户区移动或按下鼠标的鼠标位置是采用设备坐标. <1>逻辑坐标系是面向DC的坐标系,这种坐标不考虑具体的设备类型,在绘图时,Windows会根据当前设置的映射模式将逻辑坐标转换为设备坐标. <2>设备坐标系是面向物理设备的坐标系,这种坐标以像素或设备所能表示的最小长度单位为单位,X轴方向向右,Y轴方向向…

18. 视图Ext.Viewport和窗口Ext.Window用法

转自:http://www.cnblogs.com/linjiqin/archive/2011/06/22/2087003.html 视图Ext.Viewport和窗口Ext.Window用法. 1.Viewport,顶级界面,浏览器显示区域. 代表整个浏览器的应用程序主界面控件.VeiwPort表示整个浏览器显示区域,该对象渲染到页面的body区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort实例.看下面的代码: <script type="text/jav…

视图Ext.Viewport和窗口Ext.Window用法

Viewport不需要再指定renderTo,而我们也看到Viewport确实填充了整个浏览器显示区域,并会随着浏览器显示区域大小的改变而改改.他有三个特点: 1).创建即可使用.不需要渲染,当组件在创建时会自动渲染到document.body节点. 2).不能使用程序改变该控件的大小,也没有滚动条. 3).只是作为容器组件,没有额外的属性.方法及事件 <HTML> <HEAD> <TITLE>布局</TITLE> <link rel="st…

Windows的GDI映射方式，逻辑坐标，设备坐标的理解

最近在学Win32的编程,看的是<Windows程序设计第5版>一书,这本书是台湾人翻译的,有些译法和大陆不一样,书中还有一些错误的地方,很多时候需要中英文对照阅读,下载请点击 https://download.csdn.net/download/u013238941/10611720 好了,下面开始正文: 在看到GDI(GDI Graphic Device Interface图形设备接口)映射方式这一节的时候,书中又是逻辑坐标,又是设备坐标,又是视口,窗口,又是视埠什么的,搞得人头都大了.虽…

WINDOWS 逻辑坐标设备坐标屏幕坐标客户区坐标

转自:http://blog.csdn.net/lovesunshine2008/article/details/4048158 设置坐标映射 (1)Windows坐标系统 Windows坐标系分为逻辑坐标系和设备坐标系两种,GDI支持这两种坐标系.一般而言, GDI的文本和图形输出函数使用逻辑坐标,而在客户区移动或按下鼠标的鼠标位置是采用设备坐标. <1>逻辑坐标系是面向DC的坐标系,这种坐标不考虑具体的设备类型,在绘图时,Windows会根据当前设置的映射模式将逻辑坐标转换为设备坐标…

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i…

Qt中绘图坐标QPainter,Viewport与Window的关系

在Qt中常常要自己重载一些paintEvent函数,这个时候往往忽略了两个很关键的API,那就是setViewport和setWindow. Viewport,顾名思义,反应的是物理坐标,就是你实际想在当前坐标系下哪块区域画图,比如(50,50,100,100)的一个rect. Window而是逻辑坐标,你可以设置它从(0,0)开始,这样你可以setViewport(m_rect)之后,setWindow(0, 0, m_rect.width(), m_rect.height())来重新把物理坐…

【【转载】设备坐标（窗口/window）和逻辑坐标（视口/viewport）】的更多相关文章