腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >Sencha Touch 2视口缩放

问Sencha Touch 2视口缩放
EN

Stack Overflow用户

提问于 2012-07-16 09:18:56

回答 1查看 2.6K关注 0票数 1

我做了一个应用程序，并在Android手机上进行了测试。但是这些控件在手机上看起来(像素级)比在同样大小的浏览器窗口中(480x800)要大得多。我尝试在宽度设置为device-width和480的index.html文件中包含，但设备上的UI控件看起来仍然太大，并且超出了屏幕边缘。我想知道Sencha对此的解决方案是什么？我们是否应该自己设置meta viewport，编辑一些配置选项，等等？

sencha-touch-2

scaling

viewport

首家权威机构通过的国产向量数据库

支持高达500万QPS、千亿向量规模；覆盖腾讯视频、QQ浏览器、QQ音乐等百个业务场景，每日调用量超千亿!

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-16 13:44:10

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

是的，这就是我所使用的。

还要确保你有

<meta charset="UTF-8">

或

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11501370

复制

Sencha Touch系列之实现图片切换效果

html add function panel touch

再创建一个Panel，将所有的都添加到里面，调用Ext.Viewport.add()添加Panel进来就可以

SmileNicky

2022/05/07

1.1K0

【移动端网页布局】移动端网页布局基础概念 ② ( 视口 | 布局视口 | 视觉视口 | 理想视口 )

布局基础浏览器响应式设计移动端

布局视口 - Layout ViewPort 指的是在浏览器中，用于显示文档的区域大小和位置。它是指网页中可见部分的大小，即浏览器窗口中显示的内容大小。

韩曙亮

2023/04/24

1.4K0

【移动端网页布局】移动端网页布局基础概念 ② ( 视口 | 布局视口 | 视觉视口 | 理想视口 )

【移动端网页布局】移动端网页布局基础概念 ③ ( meta 视口标签简介 | 利用 meta 视口标签设置网页宽度 / 是否允许用户缩放 / 初始缩放比例 / 最小缩放比例 / 最大缩放比例 )

布局基础浏览器手机移动端

例如：<meta name="viewport" content="width=device-width, initial-scale=1.0"> , 该标签的作用是告诉浏览器，

韩曙亮

2023/04/24

4K0

【移动端网页布局】移动端网页布局基础概念 ③ ( meta 视口标签简介 | 利用 meta 视口标签设置网页宽度 / 是否允许用户缩放 / 初始缩放比例 / 最小缩放比例 / 最大缩放比例 )

Sencha Touch实现点击Panel，切换带图片的Panel

其他

再创建一个Panel，将所有的都添加到里面，调用Ext.Viewport.add()添加Panel进来就可以

SmileNicky

2019/01/17

1.8K0

前端开发-视口

2023腾讯·技术创作特训营第二期

那么在移动端为什么是 980 而不是其他的值呢，因为过去网页的版心都是 980，乔老爷子为了能够让网页在移动端完美的展示, 所以将 iOS 手机视口的大小定义为了 980，后来谷歌也觉得这是一个非常牛 X 的方案, 所以 Android 手机的视口也定义为了 980。

程序员 NEO

2023/09/28

1740

创建布局与视口

ads double null 布局

AcDbObjectId originVportId = acedGetCurViewportObjectId();

用户3519280

2023/07/06

1570

sencha touch结合phonegap开发android下的文件浏览器

android html5 jquery

大家好，今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。首先，众所周知，sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发的一个js库，其诞生的目的就是为了使webapp成为nativeapp，甚至使其更像nativeapp，通过html5，javascript，css能够大大地缩短开发移动应用的周期，而且html的灵活性和绚丽是java和object-c所不能媲美的。然而，想让h

forrestlin

2018/05/23

9900

获取浏览器视口大小

其他

1 window.onload = function() { 2 alert("width: " + getPageScale().pageWidth + ", height: " + getPageScale().pageHeight); 3 }; 4 5 /** 6 * 获取浏览器视口大小 7 * @return {object} 宽，高 8 */ 9 function getPageScale(){ 10 var pageWidth = window.inne

就只是小茗

2018/12/12

1.2K0

（译）SDL编程入门（9）视口

渲染 http

有些时候，你只想渲染屏幕的一部分，比如最小地图。使用视口你可以控制你在屏幕上的渲染位置。

arcticfox

2020/09/27

7930

IntersectionObserver 是否进入了"视口"（viewport）

api 容器编程算法

是否进入视口的使用场景还是很多的，一般第一时间想到的就是监听滚动，关键是scroll很密集，计算量很大，如果做个防抖节流性能还能优化一些，否则性能问题就很有可能发生。

wade

2022/06/20

9370

IntersectionObserver 是否进入了"视口"（viewport）

浅谈移动端中的视口（viewport）

css

在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。

前端逗逗飞

2021/04/30

2.3K0

第118天：移动端开发——视口

java html

上述代码相信大家在做移动端开发时经常去书写。它研究了两个内容：meta视口和宽度媒体查询。通常我们都会称上述代码为CSS3的媒体查询功能。使用媒体查询功能能够解决针对桌面级的web设计在移动端不同尺寸下的兼容展现。

半指温柔乐

2018/09/11

9560

移动开发-流式布局

css html

一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比，1CSS像素=1物理像素

小城故事

2022/11/12

1.1K0

师于源码 | Flutter 区域视口双向滑动

开源 flutter 数据拖拽源码

在桌面端中，有时候需要在宽度区域过窄时，同时支持水平和竖直双向滑动。比如 AndroidStudio 的文件树和编辑器区域，当宽度较窄时，水平方向通过拖拽底部滚动条来滚动视口。

张风捷特烈

2023/08/10

5320

理想的viewport(视口)并不存在

网站 viewport 浏览器设计数据

在你依据少数几个严格的断点（breakpoints）来做设计决策之前，确保你已经考虑了屏幕尺寸和浏览器视口的巨大碎片化问题。

前端小智@大迁世界

2023/09/19

2170

Computer Graphics note(3):视口变换&光栅化

buffer filtering sample sampling super

Games101 Lecture5-6-7 在M(模型)V(视图)P(投影)变换之后，得到[−1,1]3[-1,1]^3[−1,1]3，接下来就是将其映射到屏幕空间上去。 M变换：https://blog.csdn.net/Enterprise_/article/details/106880754 VP变换：https://blog.csdn.net/Enterprise_/article/details/106934622

Enterprise_

2020/08/02

1.1K0

移动端基础

css html

视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可分为布局视口、视觉视口和理想视口

梨涡浅笑

2022/05/08

1.7K0

300ms点击延迟

jquery

移动端的300ms点击延迟是因为移动端可以进行双击缩放的操作，因此浏览器在click之后要等待300ms，看用户有没有下一次点击，也就是判断这次操作是单击还是双击。如果通过监听touchstart事件来替代click事件的话，会导致一些问题：touchstart是手指触摸屏幕就触发，有时候用户只是想滑动屏幕，却触发了touchstart事件；当页面上有两个元素A和B，A元素在B元素上重叠放置，如果A元素的touchstart事件绑定的回调函数是隐藏A元素自身，那么当点击A元素后A元素会消失，事件的触发顺序是touchstart -> touchend -> click，如果在300ms内没有第二次点击便会触发click事件，此时由于A元素消失，那么click事件便落到了B元素上，如果B元素是个链接或者绑定了click事件，那么B元素的默认行为或者是绑定的事件回调便会意外地触发，这就是点击穿透问题，解决这个问题还是需要解决click事件的300ms延迟问题。

WindRunnerMax

2020/08/27

1.2K0

移动web开发

html

比如我们现在用谷歌浏览器打开刚刚做的旋转木马,按下F12进入调试界面,就能看到一个小手机的图标,这样我们就能模拟手机进行调试了,上面还能选择手机的型号.

y191024

2022/09/20

2.3K0

移动端基础

html css

视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可分为布局视口、视觉视口和理想视口

星辰_大海

2020/09/30

2.1K0

相似问题

Sencha Touch -视口问题

在Sencha Touch 2中设置视口宽度

Sencha Touch如何强制视口/面板调整大小

sencha touch :：为视口动态创建面板

带有Sencha Touch的视口应用条件工具栏

活动推荐

助力在校大学生快速入门云计算，畅游云端

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问Sencha Touch 2视口缩放
EN

首家权威机构通过的国产向量数据库

回答 1

Stack Overflow用户

Sencha Touch -视口问题

在Sencha Touch 2中设置视口宽度

Sencha Touch如何强制视口/面板调整大小

sencha touch :：为视口动态创建面板

带有Sencha Touch的视口应用条件工具栏

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Sencha Touch 2视口缩放EN

首家权威机构通过的国产向量数据库

回答 1

Stack Overflow用户

Sencha Touch -视口问题

在Sencha Touch 2中设置视口宽度

Sencha Touch如何强制视口/面板调整大小

sencha touch :：为视口动态创建面板

带有Sencha Touch的视口应用条件工具栏

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Sencha Touch 2视口缩放
EN