如何设置元素的尺寸以仅填充初始窗口/视口大小？
要设置元素的尺寸以仅填充初始窗口/视口大小，可以使用CSS中的单位和属性来实现。
一种常用的方法是使用相对单位，如百分比或vw/vh（视口宽度/视口高度的百分比）。以下是一些常见的方法：
- 使用百分比：可以通过将元素的宽度和高度设置为百分比来实现。例如，将元素的宽度设置为100%，高度设置为100%将使元素填充整个初始窗口/视口。
.element {
width: 100%;
height: 100%;
}- 使用vw/vh单位：可以使用vw/vh单位来设置元素的宽度和高度，这些单位是相对于视口宽度和视口高度的。例如，将元素的宽度设置为100vw，高度设置为100vh将使元素填充整个初始窗口/视口。
.element {
width: 100vw;
height: 100vh;
}- 使用calc()函数：可以使用calc()函数来计算元素的尺寸，结合vw/vh单位和其他数值。例如，将元素的宽度设置为calc(100vw - 20px)，高度设置为calc(100vh - 20px)将使元素填充初始窗口/视口，并留出20像素的边距。
.element {
width: calc(100vw - 20px);
height: calc(100vh - 20px);
}以上是设置元素尺寸以仅填充初始窗口/视口大小的几种常见方法。根据具体需求和场景，选择适合的方法即可。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
相关·内容
为什么将元素设置为position:fixed会改变其宽度？我知道默认情况下HTML元素跨越浏览器窗口的整个宽度，但是当我将标题上的位置设置为固定时，<div>会缩小到零宽度。为什么会这样呢？
尝试width:auto并不能修复它，<div>仍然具有零宽度！
此示例取自代码学院“构建简历”项目的Web基础课程结束时。
我有一个HTML文件，如下所示：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="style
浏览 3提问于2014-06-19得票数 1
回答已采纳
注意:这在Google中非常有效，这在Firefox (42.0)中是个问题。
最后，给出一个打开弹出窗口的页面，我希望记住关闭时弹出窗口的属性，并以相同的位置和相同的维度重新打开它。
更正式一点，我想做以下几点：
用户单击“打开弹出式”按钮
打开弹出式窗口
用户调整大小并移动弹出窗口
用户关闭弹出窗口
用户单击“打开弹出式”按钮
打开弹出窗口的位置和尺寸与用户上次关闭窗口时的大小相同。
我尝试将unload事件上的位置/维度存储在cookie中，并在下次将这些值传递给window.open()，但是总是会有一些像素移位。
本质上，我看到的问题是，窗口的
浏览 1提问于2015-12-07得票数 0
1回答
动态视频维度
、、
我在我的HTML页面上的视频播放器和播放器改变尺寸取决于浏览器窗口一侧。所以在开始时，我的视频是1280x720，当我缩小浏览器窗口时，我的视频也变小了。我想添加按钮，这将打印到控制台当前尺寸的视频。我试过这样做： <button onclick="getDimensions()">getDimensions</button>
<script>
const myVideo = document.getElementById("video1");
function getDimens
浏览 30提问于2021-10-18得票数 0
回答已采纳
1回答
我从GLUT切换到GLFW，发现当我调整GLFW窗口的大小时，渲染区域没有改变。(即，呈现的内容停留在与旧窗口大小相同的位置，新窗口区域用透明颜色填充。)我是否需要采取更多步骤来调整上下文的大小或类似的东西？
浏览 4提问于2011-12-03得票数 3
回答已采纳
什么单位或方法是最好的(或至少是好的！)使用相对于屏幕尺寸的测量方法？我把这个问题限制在移动设备上，我怀疑这可能会影响到答案。因此，我会将样式包装在@media (hover:none), (hover:on-demand) { }中。
浏览 0提问于2020-08-24得票数 3
3回答
所以我想让我的内容成为一个2列的布局div，来填充整个“容器”。但我希望"335px x 250px“div在窗口放大或缩小时按比例调整大小。这是我希望它看起来像下图的示例图像，我该怎么做呢？
JSFiddle链接：
<body>
<div id="body-wrap">
<div id="mobilenav"></div>
<div class="content-wrap">
<div id=
浏览 3提问于2015-05-29得票数 2
2回答
我有一个关于%宽度和高度的问题:我想给每个尺寸的百分比(移动，平板，pc浏览器等兼容性)，但当我调整浏览器的宽度，导致高度也调整为所有元素。在不改变高度的情况下，如何停止高度修改？我只想要高度适合元素的内容，而不是更多。
我的网站结构：
*{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
text-align: center;
}
html, body{
min-height: 100%;
min-width: 100%;
}
#wrapper
浏览 1提问于2015-05-01得票数 0
回答已采纳
1回答
我有以下风格：
video {
position: absolute;
transform: rotate(90deg);
width: 100%;
height: 100%;
z-index: 4;
visibility: visible;
}
这是video元素：
<video id="myVideo" src="/Space4.mp4" autoplay loop></video>
这似乎是旋转和居中的视频，但它几乎是屏幕尺寸的四分之一。怎样才能使它适合屏幕？
浏览 12提问于2016-01-29得票数 9
回答已采纳
2回答
我在我的网站上有私人消息功能。消息窗口是一个固定的元素：
position: fixed;
bottom: 0;
在iOS上，当打开位于消息窗口最底部的输入时，键盘只是简单地将整个网站推到顶部，以便您仍然可以看到您正在键入的内容。
然而，在Android上，键盘只是简单地覆盖了所有东西，所以你看不到输入元素：
我该怎么做才能让它在iOS和安卓上都能工作？
浏览 0提问于2020-05-24得票数 5
2回答
如何在fancybox中显示全尺寸图像？
现在，我使用类似这样的东西：
$('.image').fancybox();
但fancybox会将原始图像调整为其他大小。例如，如果我有960 X 350，它会将其大小调整为600 X 180。但我想要原码的。怎么做这件事？
浏览 0提问于2011-10-04得票数 0
回答已采纳
我正在创建一个游戏，我不希望当我调整我的窗口大小时，我的屏幕被拉伸(当然，只有当它可以适合在窗口)。我使用的是一个带有Stage的FitViewport对象，但是当我调整窗口的大小时，它上的元素也会被调整大小。我做错了什么？
这是我的屏幕课：
public class SplashScreen implements Screen{
private final PuzzleGame app;
private Stage stage;
private Image splashImage;
public SplashScreen(final PuzzleGame
浏览 4提问于2015-11-09得票数 1
回答已采纳
1回答
在像的移动版本这样的站点上，文本大小是响应的，但是active font-size保持不变的值，比如34 at。
当我更改窗口的大小时，站点文本的大小与屏幕大小保持成比例。当屏幕为500 vs时，出现在第二行的单词仍然在第二行，即使屏幕宽度大不相同(200 Pxvs2000px)。从最后一个字母到右边屏幕边缘的相对距离在所有屏幕大小上都是相同的。
因为font-size是以像素为单位的，所以我希望单词的位置取决于屏幕大小，但在gofundme.com上似乎并非如此。
这是怎么做到的？
浏览 0提问于2016-01-25得票数 0
回答已采纳
我正在尝试理解这个工具是如何计算出clamp()函数的第二个参数的：https://fluid-typography.netlify.app/。有谁能解释一下这部分吗？ 我理解第一个和第三个参数，因为它们非常不言自明。这是第二个令人困惑的参数。 视口宽度为700px时的最小尺寸1.5rem。 视口宽度为1000px时的最大尺寸3rem。 font-size: clamp(1.5rem, 8vw - 2rem, 3rem);
浏览 73提问于2021-10-17得票数 0
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
我想添加一个底部:值到我的div，其中的值将根据浏览器窗口的纵横比变化。
有没有办法获得我的浏览器窗口当前的纵横比宽度/height？
.loading-animation{
bottom: ?
}
浏览 4提问于2021-11-24得票数 1
回答已采纳
3回答
据我所知，绝对定位是相对于提供定位上下文的包含块而言的，默认情况下，定位上下文就是文档。因此，默认情况下，应该相对于html文档的边缘指定绝对定位，而不是相对于视口(浏览器窗口)的边缘？！
例如，假设html文档有一个宽度为2000px的元素E，则该文档的宽度约为2000px，因此代码如下：
#abs
{
position: absolute;
top: 128px;
right: 0px;
width: 100px;
}
应该在文档的最右边放置一个#abs元素(文档的最右边和最左边之间的距离大约是2000px )。相反，#abs放置在视口的右侧。我遗漏了什么？
谢谢
浏览 0提问于2009-12-23得票数 0
1回答
我试图使嵌入式视频调整大小，同时保持其纵横比。(在这种情况下是16:9)
我在这个网站上找到了一个解决方案：
正如您所看到的，视频(我正在使用的视频是vimeo)在用户调整窗口大小的同时被很好地调整了大小。但是，我无法让它使用这个Javascript代码。我熟悉HTML和CSS，但我是Javascript的新手。
这里是我的HTML，我通常会使用外部CSS，但是这里我复制了我想要做的事情，并简化了它：
<!DOCTYPE html>
<html lang="EN" style="height: 100%;">
<head&g
浏览 2提问于2020-01-30得票数 0
回答已采纳
4回答
我在上读到了关于它们的文章，但我觉得它解释得不够好。我也不能让他们的例子随着我的屏幕尺寸而改变。我尝试过Safari，FF，Chrome。
这是一个还没有准备好实现的特性吗？
如果我想在浏览器窗口宽度小于1024px时调整某些样式。我该怎么做呢？
浏览 14提问于2010-09-01得票数 7
回答已采纳
1回答
视觉和布局视口以及文档
、、、
我一直在阅读quirksmode.org上关于视窗的文章和Peter Koch的“网络和移动手册”一书，我有一些问题。这是我理解视口世界的方式：
我们有视觉和布局视口。它们等于浏览器窗口的宽度和高度。实际上，html元素被限制在浏览器窗口中。但是如果我们给出比浏览器窗口更宽的宽度呢？我现在怀疑我们也有不同于视区的文档。文档将具有现在给定的宽度，布局和可视视口保持不变。这在移动端和台式机上是一样的，除了移动端的视觉和布局视口可能不同。
我不知道我是否理解对了。有人能向我澄清这一点吗？
浏览 1提问于2018-05-05得票数 1
1回答
目前，当我缩小屏幕的大小时，文本和图像就会从div中挤出，如下所示：
。
我怎么才能让它看起来像
？(显示屏幕的全屏和一半大小)。
.flex {
z-index: 2;
display: flex;
flex-direction: row;
background-color: #000000;
height: 100px;
border-radius: 20px;
margin: -450px 36% 0 36%;
}
.landingText {
z-index: 2;
font-family: 'Mukta', sans-se
浏览 4提问于2022-01-18得票数 -1
在Chrome中，书签栏是用command+shift+b禁用的。我是否应该一直在测试禁用此功能的站点，以使浏览器真正成为"100%"？或者，如果启用了这一功能，就会产生"vh 95%“吗？
浏览 17提问于2017-11-20得票数 2
回答已采纳
例如，我如何设置div容器的高度为屏幕高度的60%？如果不调整浏览器窗口的大小，则在css中将高度设置为60%效果良好。但是如果我缩小浏览器窗口，div也会相应地缩小。提供了一个很好的例子。“任务完成”，灰色部分始终是相同的高度，无论浏览器窗口如何调整大小。如何确保这一点？我不想使用px来确保HiDpi支持。
谢谢,
浏览 3提问于2017-11-09得票数 0
我不太明白这个方法的目的是什么。在android文档中，他们说这是屏幕尺寸改变的时候。这是否意味着视口的大小，或者它到底意味着什么？opengl调用的内容应该在方法中执行。
浏览 0提问于2012-05-10得票数 3
回答已采纳
如中所示:在更改窗口大小时调用createGraphicsPipeline()来重新创建管道，尺寸在下面的代码中设置。
VkViewport viewport = {};
viewport.x = 0.0f;
viewport.y = 0.0f;
viewport.width = (float) swapChainExtent.width;
viewport.height = (float) swapChainExtent.height;
viewport.minDepth = 0.0f;
viewport.maxDepth = 1.0f;
VkRect2D scissor = {};
sc
浏览 1提问于2019-09-16得票数 2
1回答
我想让我的网页响应不同的设备。我可以在Firefox中使用检查器的“响应设计模式”工具检查我的网页。但是这个工具只有移动设备选项。
我问过平板电脑、笔记本电脑和台式机最常见的“视口尺寸”是什么，我被重定向到页面。
但它显示了最常见的“屏幕大小”，而不是“视图大小”。例如，桌面的一个常见屏幕大小是1920 pxX1080px。我有这个监视器，如果我访问页面，它告诉我我的监视器有：
视口大小:1920 x 919
屏幕尺寸:1920 px 1080 px
所以这两种尺寸是不一样的。
我想，不太确定，要创建媒体查询，重要的是视口大小。
那么视口大小和屏幕大小有什么区别呢？
谢
浏览 14提问于2022-10-02得票数 0
我有一个小的web应用程序，它宽350 is，高200 is。我有一个dijit ConfirmDialog，在单击按钮时显示。如果没有显式设置对话框的尺寸，它就会设置自己比我的应用程序更大的尺寸，所以我必须调整窗口的大小才能到达Ok/Cancel按钮。当我试图设置尺寸和对话框弹出时，我看到了所有东西1秒，然后文本和按钮都消失了，我只有一个空框，里面有Ok/Cancel按钮。
我发现在style字段中使用overflow:auto可以保留一切，并将滚动条添加到对话框中。然后，我发现.dijitDialogPaneContent是巨大的，尽管我正在设置对话框的维度。手动设置CSS中的大小会导致对
浏览 4提问于2015-02-19得票数 0
回答已采纳
1回答
所以我用Javascript/jQuery做了这个自动幻灯片放映。它真的工作得很好，但是我不知道如何根据屏幕尺寸来缩放它，使它变得流畅。它目前针对1920x1080进行了优化。
我尝试将这个值(document.body.style.width)赋值给宽度变量，但没有成功，尝试使用图像的百分比而不是像素，还尝试对媒体查询使用非常麻烦的修复，但都没有用。
如果有人对如何实现这一点有想法，请告诉我(同样，我需要它随浏览器窗口缩放)，不管怎样，下面是代码：
<div class="slider">
<ul class="slides"&g
浏览 3提问于2017-07-18得票数 1
回答已采纳
1回答
移动邮件客户端，如Gmail和收件箱，在html邮件中显示不需要的水平间距，而不是垂直间距，如下面的截图所示。Web客户端没有这个问题。
html的结构如下：
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img width="25" height="29" border="0" style="display: b
浏览 0提问于2016-01-06得票数 0
2回答
SVG标记占用额外空间
、、、
所以我在HTML5中的SVG元素遇到了一个奇怪的大小问题。它占用的空间比我想象的要多得多。图像中的每个小矩形都是一个宽度和高度均为"20“的矩形元素。
SVG元素的高度和宽度应为20*10 = 200，但尺寸应为680x508。
您可以在此处查看已检查的svg元素->
HTML如下所示：
<svg>
<rect x='0' y='0' height='20' width='20' stroke='black' stroke-width=''/>
浏览 0提问于2012-11-03得票数 5
回答已采纳
1回答
我使用的是xeon模板()。Mac上的Firefox使边距接近窗口的边缘。Safari使用大小完全相同的窗口，使边距变得更宽。
两个问题:为什么？我如何配置引导程序，使其在浏览器之间更加一致？
谢谢。
浏览 3提问于2015-01-30得票数 1
回答已采纳
我正在做一个网站，我需要设置一个div的高度和宽度来覆盖整个浏览器视图区域，就像许多现代网站一样。但是，我不能简单地将其高度设置为100%，因为它的父元素是另一个div，其高度必须设置为大于浏览器窗口的。还有别的办法吗？
--类似于我的网站设置的代码示例。
HTML
<div class="entireThing">
<div class="contentBox">
</div>
<div class="contentBox">
</div>
</div>
浏览 2提问于2015-01-17得票数 5
回答已采纳
1回答
当我调整窗口的尺寸时，我的原点不在左上角。而2d坐标不在像素坐标中：
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
rnd::initDraw();
glMatrixMode(GL_PROJECTION);
glPushMatrix();
glLoadIdentity();
glOrtho(0.0, mainPanelx, mainPanely, 0.0, -1.0, 10.0);
glMatrixMode(GL_MODELVIEW);
//glPushMatrix(); ----Not sure if I need th
浏览 0提问于2013-11-04得票数 0
回答已采纳
2回答
注:这是的后续问题。
我已经将接受的答案的代码包装在一个事件侦听器中，结果如下：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
浏览 4提问于2013-05-06得票数 2
我正在研究OpenGL SuperBible的第四版。有一个描述，在一个又高又瘦的窗口中，如果视口与窗口的尺寸相匹配，但它被映射到一个方形的剪裁体积，图像将看起来失真(像视口一样又高又瘦)。
保持图像正方形的解决方案是以下代码：
// Establish clipping volume (left, right, bottom, top, near, far)
aspectRatio = (GLfloat)w / (GLfloat)h;
if (w <= h)
glOrtho (-100.0, 100.0, -100 / aspectRatio, 100.0 /
浏览 3提问于2013-03-21得票数 1
回答已采纳
1回答
如何以opengl自己的单位获得视图平面的相对大小？我需要找出"opengl单位“的宽度和高度。有没有一个函数可以检索这个信息？
我假设Z中的一个单位(比方说1.0f)将等同于X中的一个单位，即使转换为实际的测量系统也没有意义。
我知道我可以通过使用GetSystemMetrics(SM_CXSCREEN)或glutGet(GLUT_SCREEN_WIDTH)获得屏幕尺寸，但这是以像素为单位的。
为了处理图形窗口调用，我在非Windows OSes上使用freeglut，在Windows上使用WinAPI。
浏览 1提问于2013-02-12得票数 0
我在SDL中使用OpenGL，当窗口调整大小时，我希望将场景调整到窗口。由于一个未知的原因，当窗口变大时，场景被裁剪成初始窗口大小。
用于响应SDL_VIDEORESIZE调整视图的函数如下所示，其中m_scene_{宽度、高度}是游戏所看到的视图的大小。
void screen::resize_view( width, height )
{
// t will force the scene to be rendered with the top left corner matching the
// one of the window.
int t;
if ( heigh
浏览 4提问于2012-12-08得票数 0
2回答
我有以下的DIVs：
<div class="tckLeftHolder">
<div class="tckLeftContents">
<span>URGENT CARE WAIT</span>
</div>
</div>
CSS：
.tckLeftContents
{
text-align: center;
width: 90%;
padding: 0 0 0 10%;
height: 35px;
overflow:
浏览 3提问于2014-10-07得票数 3
回答已采纳
1回答
两者之间有什么区别吗?还是它们是一样的？我想他们指的是同一件事，但在不同的情况下，但我不确定，所以我在这里问。
浏览 1提问于2014-09-03得票数 12
回答已采纳
我在SPA上工作，我尽量避免将表用于非表格数据。在我的主页上，我有一组元素，我需要它们并排排列。为此，我使用了class：
div.nextTo {
display: inline-block;
margin-left: 5px;
}
这看起来很好，在大屏幕上也能用。一旦我调整了浏览器的大小，或者如果我在移动设备上打开我的应用程序，我的元素就会相互重叠。我还设置了每个元素的宽度百分比，似乎不会在不同的屏幕尺寸上进行调整。下面是一个例子：
div.pgContainer {
width: 100%;
height: 100%;
font-family: Arial;
浏览 27提问于2017-08-31得票数 0
1回答
我使用win32应用程序接口和x11为我的引擎我正在编写。它是一个游戏引擎，当然它需要能够创建一个具有最佳分辨率的全屏窗口。目前，我设法在windows上做到这一点，但我在其他计算机上尝试过，似乎有时窗口在显示器外开始或结束，所以我的方法是不可靠的。我所做的是将分辨率更改为我之前选择的某个受支持的分辨率(都是在C++中以编程方式完成的)，这在我的开发计算机上运行良好，但不一定在其他计算机上运行。在我见过的许多游戏中，最佳分辨率都是自动选择的。这是怎么发生的呢？windows中有没有一个特殊的功能来选择最佳的游戏分辨率？我不知道该如何处理这个问题。linux也是如此，我在linux上什么都没有。
浏览 3提问于2014-04-01得票数 1
我肯定这很简单，但我很难把我的头挪开。
我有两个硬币。标题div最大宽度500 max。一个主div最大宽度400 max。主div应在浏览器窗口中水平居中。标题div的左手边缘需要与主div的左手边缘对齐。见下文。红线是浏览器窗口的中心：
我增加了一个最大宽度为500 max的包装div (粉红色)，并在左手边使用了额外的填充。这在某种程度上是可行的。但在屏幕较小的尺寸时，左边的额外填充会使布局偏离中心。
那么我如何创建这个布局呢？我假设我不能将标题div作为主div的子元素添加，因为一个子元素不能比它的父元素更宽。我猜Flexbox可能是答案，但我从未使用过flexbox。
这是
浏览 1提问于2018-11-23得票数 0
回答已采纳
我已经用swing创建了一个演示，我想在文本区域中显示全文。我想添加两个文本区域到滚动条中，以显示滚动条中的所有组件。为此，我创建了一个面板，然后在这个面板上添加了两个文本区，然后将这个面板添加到滚动条中。当我运行演示时，它显示正确，当我调整窗口大小时，它也正确显示，但当我调整小屏幕大小时，它有问题。当调整屏幕大小时，它不会自动换行(而不是显示水平滚动条)。你能帮我在调整屏幕尺寸时自动换行吗？
我的代码如下: new gui = JPanel JPanel(new GridLayout())；gui.setBorder(new EmptyBorder(2，3，2，3))；
JTextArea
浏览 1提问于2013-05-22得票数 0
1回答
我刚刚做了一个响应式设计，但有两个错误。当窗口调整到不同的大小时，整个网站将自动调整大小，但标题标题和滑块不会调整大小。但如果我重新加载它，它会调整大小。
我已经制定了不同的css字体大小和滑块高度的规则，不重新加载就不起作用。你可以看到在线网站在：你看到滑块，改变窗口大小，然后你会看到一个问题，当重新加载网站时，看到所有的变化，我认为所有的but都在我的css上，但我不知道如何修复它。
P.S字体大小我试着用百分比来表示，但是字体太小了。
浏览 1提问于2013-01-14得票数 0
2回答
我对响应性设计不太熟悉，我似乎无法为所需的目标找到解决方案。下面是我想要的布局的模拟：
现在，我们的目标是有图像，没有间隙，适合于图像网格容器。这个容器应该占据完整的剩余空间，在浏览器视图端口的最右边和底部，但是它不会超过它，所以我们没有任何滚动条。所有的图像都是相同尺寸的。
行列分布将取决于视口大小和图像尺寸，以防止不必要的扭曲。当视口大小达到特定的断点时，这一比率会发生变化，但是在中间的断点，图像将通过比例缩放来微调。
突破点管理与媒体查询和网站必须是移动友好的，也。我不能用“vh”来解决这件事。
我主要是寻找最轻的实现，所以纯粹的CSS解决方案将是理想的。我听说过砌体JS库和派
浏览 3提问于2013-09-25得票数 1
我在我的页面上元素的位置有问题。
当我试图在另一台屏幕尺寸不同的电脑上打开网站时，它变得有点混乱。
当我调整窗口大小时，同样的情况也会发生。某些元素彼此堆叠在一起。每个元素都被定位为绝对元素。我非常感谢大家的帮助！
浏览 3提问于2014-08-13得票数 0
我建立了一个滑块与8个不同的图片。在每张图片上，我写了一个标题。
我正在尝试用css代码设置这个标题：
.tp-caption{right:5%}
我的".tp-caption“目录不在我的屏幕上。我读到这5%是相对于父元素属性的。
在我的例子中，父元素是我的图片，它比我窗口的宽度大(图片居中)
你知道我是否可以指定我的窗口屏幕的5%？
我试着用右边距，浮动:也是...但总是同样的问题
谢谢你的帮助
浏览 0提问于2014-09-09得票数 0
我正在尝试使用Chrome的Dev工具来模拟许多移动设备上网页的标准渲染。然而，当我试图模拟屏幕分辨率比我试图渲染的页面的宽度更小的设备时，我只会看到如果我只是通过拖动桌面浏览器窗口的边缘来缩小窗口的大小，将会发生什么。
我知道这很有用，但我想要测试的是，当移动设备显示一个放大的站点视图以适应屏幕时，页面将如何显示(这通常是当网页没有配置viewport元标记和/或CSS媒体查询时在移动设备上看到的情况)。
有什么方法可以用Chrome的Dev工具来模拟这种默认的缩放行为吗？
浏览 3提问于2014-06-14得票数 4
回答已采纳
2回答
我有一个div有固定的位置和底部0显示在窗口底部。
我的问题是当窗口调整大小时，这个div移动到向上并进入其他元素。例如，当我在chrome中打开控制台框时，这个div跳转到facebook修复位置上的其他元素，例如朋友列表，当我打开控制台框时，元素跳转到向上，但隐藏向上元素。
请帮助我如何修改窗口大小的div。
浏览 8提问于2014-09-07得票数 0
回答已采纳
有没有什么jQuery插件可以帮助我切换html内容和css类以进行响应式设计？
由于下图将说明我正在尝试实现的目标，我想知道除了使用jQuery (例如var conteOfOneBlock = $('.someclass .ablock').html(); )自己管理它之外，是否还有什么可以帮助我实现这一点的。
浏览 2提问于2013-06-13得票数 0
回答已采纳
1回答
我试着用libgdx做一个应用程序。当我第一次在我的桌面上启动它时，我的地图打印得很好。但是如果我调整窗口的大小，地图就不再完全在屏幕上了。但是如果我在开始的时候改变尺寸，地图就会打印得很好。所以我的调整功能可能有问题。
在我的GameScreen课上：
public void resize(int width, int height)
{
renderer.setSize(width, height);
}
我的渲染者得到了这个：
public void setSize (int w, int h)
{
ppuX = (float)w
浏览 0提问于2014-01-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
