腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1246)
视频
沙龙
1
回答
为什么
我
的
Gatsby
/
Material-UI
站点
呈现
的
比
视
口
稍大
?
css
、
flexbox
、
material-ui
、
gatsby
、
static-site
我
正在使用
Gatsby
/MUI starter作为
我
个人网站
的
样板。在
我
的
个人网站中,
我
遇到了所有页面都
呈现
为略大于
视
区大小
的
问题。此问题在移动和笔记本电脑/台式机大小
的
屏幕上是一致
的
。
我
使用
的
是MUI网格。
我
已经确保
我
的
元
视
口头元素使用了width=de
浏览 17
提问于2020-07-29
得票数 0
回答已采纳
1
回答
为什么
VW不等于窗口
的
视觉宽度?
css
、
google-chrome
、
viewport-units
据我所知,vh和vw使用了可视视图
的
高度和宽度,即浏览器窗口
的
大小,并将其除以100。因此,如果您定义一个元素宽为100 to,它将始终跨越整个浏览器窗口,MDN称之为可视视图。在
我
的
网站上工作时,
我
发现一个设置为100 of
的
元素只占用了屏幕
的
一部分,而且只有在移动设备上才能看到--直到我打开铬设备工具栏时才会出现错误。 深灰色
的
<section>元素被设置为height: 100vh; width 100vw;,
我</e
浏览 2
提问于2019-08-02
得票数 2
1
回答
如何复制给定
的
视
口
保持高宽比?
math
、
three.js
、
3d
我
有一个符合窗口大小
的
视
口
渲染
的
3D场景。因此,
视
口
(相机)
的
纵横
比
取决于窗口
的
大小。在
视
口
顶部,
我
画了一个高宽比为16:9
的
画框,它也符合
视
口
,它在
视
口内垂直和水平地居中。框架
的
目的是显示视图
的
哪一部分将以16:9
的
高宽比
呈现</
浏览 2
提问于2018-11-20
得票数 0
2
回答
html文档和
视
口
(显示区域)
的
起点
html
、
css
、
xhtml
)
我
假设浏览器认为视图
的
最右边也是文档
的
最右边?!因此,当
视
口
宽度为800 px时,文档
的
宽度也为800像素,但是当我们将
视
口
调整为400 px时,文档
的
宽度也是400像素吗?换句话说,如果某个元素
的
宽度为3000 if,但是如果viewport仅为400 if,那么400 if也是文档
的
宽度,而不管哪个元素
的
宽度为3000像素?相反,该属性只处理内容溢出元素
的
框
浏览 0
提问于2009-09-21
得票数 0
1
回答
THREE.js正射相机方面必须匹配
视
口
方面?
three.js
、
viewport
、
orthographic
请有人确认以下“假定
的
约束”是正确
的
?为了将three.js正射相机
呈现
到
视
口
(并避免失真),相机
的
底面(左、右、下和顶)必须定义一个正面(ocWidth,ocHeight),其纵横
比
(宽/高)与
视
口
的
纵横
比
相同?在下面的示例中,首先设置摄像机
的
宽度和高度,然后由所需
的
视
口
宽度和给定
的
摄像机宽比来约束
浏览 0
提问于2015-03-14
得票数 0
回答已采纳
1
回答
GatsbyImage在移动平台上加载低分辨率图像
gatsby
、
gatsby-image
、
gatsby-plugin
我
试图弄清楚如何使GatsbyImage显示高分辨率
的
图像,而在手机上。例如,带有16:9
的
比率图像
的
HQ是通过CMS (在此上下文中
的
Primsic)上传
的
,比我前面通过graphql加载到
Gatsby
并显示为objectFit设置为COVER
的
完整窗口大小
的
图片要好。完美的工作台式机,然而,当我改变观点移动,因为它采取100%高度
的
视
口
和盖茨
比
-图像插件看起来
浏览 4
提问于2022-04-04
得票数 0
2
回答
移动
视
口
大小
比
屏幕大小大吗?
android
、
html
、
css
、
viewport
我
在googled上搜索了移动视窗,
我
发现它是一个虚拟窗口,大多数移动浏览器都会在其中
呈现
页面。但是当我搜索
我
的
sony手机
视
口
大小时,告诉
我
,
我
的
视
口
大小是360 px,这比我
的
屏幕分辨率宽度(720 px)(1280*720 px)太小了。
我
有点困惑,有人能简单解释一下
浏览 3
提问于2014-04-28
得票数 5
回答已采纳
1
回答
如何使用引导带在手机上保持响应?
html
、
css
、
responsive-design
、
twitter-bootstrap-3
、
viewport
(
我
的
问题一开始是因为人们投了反对票,然后锁上了,因为
我
没有加照片.所以我们来了,因为
我
从其他
站点
得到了答案,这对于大规模响应
站点
来说是非常重要
的
,
我
也给出了答案)
我
试图克服视点
的
像素密度(真实
的
和硬件
的
),即使是在巨大
的
平板电脑上,引导
站点
基本上也会中断/崩溃,仅仅因为它们具有巨大
的
分辨率(唉,它们默认为一个巨大<
浏览 0
提问于2014-10-18
得票数 0
1
回答
CSS iPad视图布局
css
、
ipad
、
width
、
viewport
在这里设置了示例:,完整页面示例位于: 在该示例中,
我
有一个包含.container
的
header,header是全宽
的
,.container固定为特定
的
宽度。如果将宽度设置为980像素或更小,则页面在iPad上
呈现
得很好,如果将宽度设置为大于980像素,则在右侧开始出现错误
的
空格。
我
认为iPad
的
默认布局模式是,如果元素
比
视觉
视
口
宽,视觉
视
口
将缩小,直到所有内容
浏览 1
提问于2012-08-03
得票数 1
2
回答
使用基金会计算不一致图像大小
的
浏览器
css
、
responsive-design
、
zurb-foundation
如所附图片所示,三个浏览器
呈现
相同
的
内容非常不同
的
。 ChromeVersion24.0.1312.57(底部)正在缩小图像,并且
比
两个版本要小得多。令人惊讶
的
是,Chrome只是重新调整图像大小,并创建了一个半空白
的
屏幕,尽管一个粘稠
的
导航条填充了整个屏幕(就像底部
的
背景图像一样)。Safari 5.1.10 (6534.59.10) (中间)处理较小
的
视
口
,但按排序顺序,以较小
的</em
浏览 2
提问于2014-06-04
得票数 1
回答已采纳
1
回答
为什么
viewport元标记没有包含在标准中?
html
、
mobile
、
language-lawyer
、
viewport
、
meta
许多源都强调了包含viewport元标记
的
重要性。根据MDN上
的
: 窄屏幕设备(如手机)在虚拟窗口或视图中
呈现
页面,通常
比
屏幕更宽,然后缩小
呈现
结果,这样就可以同时看到所有的页面。例如,如果移动屏幕
的
宽度为640 to,则可以使用980 to
的
虚拟
视
口
呈现
页面,然后将其缩小到640 to空间中。这是因为许多页面不是移动优化
的
,当
呈现
在一个较小
的
视</em
浏览 8
提问于2022-06-07
得票数 0
2
回答
当
视
口
初始缩放不等于1时,Vh和vw
css
、
viewport
、
meta
、
viewport-units
我
在找一个覆盖来占据整个屏幕。height: 100vh;<meta name="viewport" content="width=device-width" /> 设置为加载
站点
,使其显示为1000 vw宽,但使用设备视图端口作为vh/vw单元,以便
我
可以使用媒体查询和javas
浏览 2
提问于2015-09-02
得票数 2
回答已采纳
2
回答
在一个巨大
的
世界
的
游戏中正确使用scene2d
的
舞台
libgdx
、
scene2d
如果整个“游戏世界”
比
视
口
宽数千倍,如果
我
想使用scene2d作为Actor管理游戏对象,
我
应该创建与整个世界一样宽
的
舞台对象吗?还是Stage应该是当前
视
口
周围
的
某个区域,而不是整个世界?换句话说,一个宽度和高度更大
的
Stage本身是否会消耗更多
的
内存,即使
我
只在它
的
一个小视图大小
的
部分上
呈现
对象呢?
浏览 1
提问于2013-10-31
得票数 8
回答已采纳
1
回答
移动浏览器在虚拟“窗口”中
呈现
页面意味着什么
css
、
html
、
meta-tags
我
在上读到以下内容: 移动浏览器在虚拟“窗口”(视窗)中
呈现
页面,通常
比
屏幕还要宽,所以它们不需要将每一个页面布局都压缩到一个小窗口中(这会破坏许多非移动优化
站点
)。
我
没有太多
的
经验,能不能有人用其他术语来解释一下。
我
不明白手机是如何创建一个视窗,然后让使用者放大这个
视
口
。
浏览 3
提问于2017-07-29
得票数 0
回答已采纳
3
回答
任意Google Swiffy画布大小/离屏
呈现
javascript
、
html
、
canvas
、
google-swiffy
我
使用Swiffy在隐藏
的
画布上渲染,这样
我
就可以获得结果并将其用于其他地方。
我
遇到
的
问题是,当我为Swiffy调整容器div
的
大小时,它不会使实际
的
画布
比
可用
的
viewport大小更大。如果
我
设置Swiffy div
的
尺寸大于
视
口
,那么画布只会像视图端口一样大-它不想把画布
的
任何部分放在屏幕外。
我
确信这是为了提高效率,如果是正
浏览 4
提问于2015-07-22
得票数 2
回答已采纳
1
回答
如何将Facebook Messenger嵌入盖茨
比
网站?
javascript
、
facebook
、
gatsby
、
facebook-messenger
我
正在尝试将Facebook Messenger嵌入到盖茨
比
网站中。在Chrome
的
检查器中,
我
可以看到一个带有id=“fb”
的
div,但是它
的
高度是0(宽度是
视
口
的
宽度),聊天小部件没有出现。在使用
我
的
脸书页面的设置->消息传递工具将Messenger添加到您
的
网站之后,它会生成一些html代码,这些代码不能在
Gatsby
(或任何)
站点
浏览 2
提问于2021-06-04
得票数 2
回答已采纳
1
回答
OpenGL中
的
2D剪辑
opengl
我
有一个关于在OpenGL中剪裁
的
问题。所以我有一个小
的
视
口
,
我
想渲染一个大图像
的
一部分。如果
我
画了一幅大图glVertex2f(0,0) glVertex2f(width,height) glVe
浏览 10
提问于2013-03-18
得票数 1
1
回答
如何能够将.gif文件渲染为jpeg移动帧到我
的
Gatsby
站点
javascript
、
css
、
reactjs
、
gatsby
我
想将.gif文件
呈现
到我
的
gatsby
站点
的
mobile.png中,但无法为它识别适当
的
资源。有人知道如何将.gif文件
呈现
到盖茨
比
站点
的
.png移动框架中吗 这是相框 ?
浏览 8
提问于2021-10-15
得票数 2
1
回答
XNA/单游戏视图端口如何使用它
c#
、
graphics
、
xna
、
monogame
我
读过关于堆叠溢出
的
不同文章和问题。但是每个人都建议使用带有
视
口
的
摄像头。
为什么
不移动
视
口
本身呢?来自SFML示例
的
AFAIK视图之外
的
东西不会被绘制。但是用你
的
实现相机,你必须控制哪些东西应该画。控制视角不是
比
控制摄像头更好吗?
浏览 4
提问于2014-08-23
得票数 0
回答已采纳
1
回答
缩放视图后转换2D
视
口
坐标(放大/缩小)
2d
、
camera
、
sdl2
、
scale
、
viewport
我
已经开始了个人实验,并且已经用SDL2做了几天
的
项目。这是一个2D游戏,在这个阶段,
我
让它在一个固定大小
的
视图中
呈现
游戏对象,可以在“游戏世界”中导航。
我
对线性代数还不是很精通,所以这个问题
的
答案可能就在
我
还没有解决
的
课程里。 游戏空间有自己
的
坐标,其组织方式与它们在SDL_Window上
的
方式相同。然后,游戏对象在
视
口
自身
的
坐标空间中给出转换
浏览 0
提问于2018-09-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用 Google CrUX 分析和比较 JS 框架的性能
关于响应式布局,你必须要知道的
组件复用那些事儿-React 实现按需加载轮子
css中常见的单位
Filecoin主网上线在即,今天教大家如何在IPFS上部署网站
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券