窗口大小改变时，显示内容的处理(正投影情况)

当窗口大小改变时，对窗口显示内容不同的要求，我们要做的工作也不同。

1.显示内容不变，相对位置不变（例如始终居中）

视口大小不变，裁剪区域不变，视口的初始位置根据窗口大小进行调整。

2.显示内容长宽比例不变

视口大小随着窗口大小等比例变化，裁剪区域跟随视口大小等比例变化

3.显示内容长宽比例跟着窗口而改变

视口大小随着窗口大小等比例变化，裁剪区域不变

3.显示内容长宽比例不变，大小发生改变

视口大小随着窗口大小等比例变化，裁剪区域不变

窗口大小改变时，显示内容的处理(正投影情况)相关推荐

当浏览器窗口大小改变时，设置显示内容的高度
1 window.οnlοad=function(){ 2 changeDivHeight(); 3 } 4 //当浏览器窗口大小改变时,设置显示内容的高度 5 window.οnresize=fun ...
js浏览器窗口大小改变时事件
设置一个宽高根据当前窗口自适应的div,当页面大小发生改变时,div的宽高也随之发生改变: <div id="homePage_svcSuccessData" class=& ...
小程序背景图固定以及标题栏遮挡内容滚动时显示内容
滚动页面时背景图固定: 采用一张图片作为背景图,通过设置position为fixed以及z-index为-1,目的是为了让它在最底层.  <view>& ...
修改网页内容，随心所欲改变网站显示内容
如题第一步: 打开浏览器,找到想要改变的网页第二步:按下 F12 按钮第三步:选择Console,点击输入下面代码 javascript:document.body.contentEdita ...
【Java】监听jframe窗口大小改变函数：addComponentListener
问题描述:主要用于解决Jframe窗口大小变化时,里面的组件的位置也会自适应的移动. 相当于js里面的窗口大小改变监听函数: window.onresize = function(){//js脚本接口 ...
笔记本屏幕亮度随着显示内容而变，时亮时暗
在笔记本使用电池时,屏幕亮度会随着显示内容而调整.显示暗色内容时,屏幕会自动变暗,显示亮色内容时又会慢慢亮回来.而且最大亮度也和插电时有非常大的差距,非常影响使用体验我使用的是小米笔记本,不知道其他 ...
HTML表单事件，获取焦点时、失去焦点时、即将获取焦点时、即将失去焦点时、输入值时、选取文本时、表单元素的内容改变时、提交时....
表单事件简介 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onfocusin 元素即将获取焦点时触发 onfocusout 元素即将失去焦点时触发 oninput 元素获取用 ...
echarts修改鼠标悬停在节点上时显示的内容，自定义鼠标悬停显示内容
首先看一下效果,如下图所示: 代码部分: 1.在option对象下的tooltip对象中添加formatter函数,代码如下: var option = {tooltip: {trigger: 'it ...
el-table单元格内容较多时隐藏，鼠标hover时显示并且显示的内容可以换行 el-table提示框样式优化
目录一.el-table内容较多时隐藏,hover时换行显示二.总结一.el-table内容较多时隐藏,hover时换行显示 1.在需要隐藏的列el-table-column中加上属性 :s ...

窗口大小改变时，显示内容的处理(正投影情况)

窗口大小改变时，显示内容的处理(正投影情况)相关推荐

最新文章

热门文章