前言在4.1的时候，要先创建一个扩展于Ext.app.Application的类，然后用create创建它的实例来开始应用程序的。而在4.1.1，则可直接调用application方法开始执行应用程序，简化了。调用application方法，其参数是一个配置对象，主要配置项有以下三个：name：用来定义应用程序的名称，在这里是ExtMVCOne。appFolder：应用程序的路径，这里是scrip
原创
2022-02-22 11:20:49
428阅读
前言现在要考虑的是如何加载标签页内的内容。虽然标签页默认是延迟渲染的（deferredRender值默认为true），但是它会预加载所有的类，因而当类文件很多的时候，加载时间就是一大问题了。这个，也可通过SDK打包的方式解决，不过在设计阶段还是要考虑的。另一种好的解决方法是，只使用标签页的标签，而不使用其主体加载内容，另外使用一个容器，内部使用CardLayout作为布局.在这里，将展示另一种方式
原创
2022-02-22 11:27:59
165阅读
效果图： app/view/Viewport.jsExt.define('App.view.Viewport', { extend: 'Ext.container.Viewport', layout: 'border', items: [ { itemId: 'menu', region: 'west',
转载
2013-09-05 21:47:00
175阅读
2评论
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗...
转载
2015-04-09 09:05:00
122阅读
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height：和 width 相对应，指定高度。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-
转载
2013-11-11 19:21:00
41阅读
2评论
<meta name="viewport" content="width=device-width, initial-scale=1"> layout viewport(布局视口)、visual viewport(视觉视口)、ideal viewport(理想视口) ...
转载
2021-10-22 15:46:00
55阅读
2评论
PX的知识点： 在PC端中物理像素PX和CSS的像素是一模一样的， 桌面的1px就是c
原创
2023-01-13 15:41:39
77阅读
相关知识点：如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，所以这些浏览器就决定默认情况下把viewport设为一个较宽的值，比如980px，这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了。ppk把这个浏览器默认的viewport叫做layout viewport。layou
原创
2022-04-28 13:04:59
4648阅读
port 为某个具体的数值时，可能会造成我们的应用页面显示变形。在 APICloud ...
原创
2023-03-15 00:03:21
53阅读
The Viewport and the WindowThe mapping mode defines how Windows maps logical coordinates that are
specified in GDI functions to device coordinates, where the particular device
coordinate system depe
转载
精选
2014-08-23 11:01:54
400阅读
针对viewport与移动设备dpi做出一些解释，更好的去理解设备分辨率，dpi相关的问题，避免重复走坑。
原创
精选
2014-10-15 20:40:57
1084阅读
一。分类（三种）layout viewport ：那些为桌面设计的网站也能在移动浏览器上正常显示的宽度（这是浏览器的一个默认值）visual viewport ：浏览器可视区域的大
原创
2022-09-13 12:27:29
94阅读
/** * 设置自动随屏幕大小自动调整大小 */ Ext.EventManager.onWindowResize(function() { if (viewport != null) { viewport.setWidth(document.body.clientWidth); viewport.setHeight(document.body.clientHeight); } });
转载
2013-04-22 17:14:00
133阅读
2评论
移动设备上的浏览器如果不指明 viewport 这个meta，当你从移动设备上浏览网页的时候，它假设（你浏览的是桌面版并且你想看到所有的内容），不只是一个左上角。因此，它会把viewport的宽度设置为980px，然后把所有内容缩小硬塞进小的显示屏里。
转载
2017-05-16 16:44:00
141阅读
2评论
h 1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、w
原创
2023-05-10 18:05:49
177阅读
viewport 理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设 ...
转载
2021-05-27 08:31:00
114阅读
2评论
# viewport 设置ios
## 简介
在移动端开发中，我们常常需要对网页进行适配以适应不同的设备和屏幕尺寸。而在iOS设备上，我们可以通过设置`viewport`来控制网页的显示效果。
`viewport`是一个虚拟的可视区域，它决定了网页在设备上的可视范围。通过设置`viewport`，我们可以控制网页的缩放比例、布局方式等，以适应不同的屏幕尺寸。
## 设置 viewport
原创
2024-01-08 08:07:56
132阅读
视口视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口，视觉视口和理想视口布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的pc页面在手机上显示的问题；iOS，Android基本都将这个视口分辨率设置为980px，所以PC上网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手机缩放网页视觉视口 visual
1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />1、width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）2、height : 和width相对应，指定高度3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例4、maximum
转载
2013-04-09 11:42:00
122阅读
2评论
移动设备的viewport是可以由js去更改，动态地变化的。思路很简单，就像传统的css换肤思路一样，link标签的href属性可以通过js动态修改，修改完后就去加载新的css样式，从而实现了换肤。viewport也一样，viewport是写在meta标签里的，通过js修改这个标签的content属性的值就ok了。 <!doctype html><html><h
转载
2011-09-08 10:57:00
427阅读
2评论
