如何在不使用媒体查询的情况下定位较低分辨率的div
在不使用媒体查询的情况下，要定位较低分辨率的div，可以使用以下方法：
- 使用JavaScript来检测浏览器的窗口大小，然后根据不同的分辨率设置div的样式。可以通过window.innerWidth和window.innerHeight获取窗口的宽度和高度。然后根据获取到的值来设置div的样式，例如修改div的宽度、高度、位置等。
- 使用CSS中的@supports规则来检测是否支持特定的CSS属性或值。在不支持媒体查询的浏览器中，可以使用@supports来检测是否支持较低分辨率的样式设置。如果支持，则应用对应的样式，否则使用默认样式。例如：
@supports (width: 320px) {
/* 较低分辨率的样式设置 */
}
- 使用CSS中的calc()函数来根据窗口大小计算div的样式。通过设置div的宽度、高度等属性为calc()函数的值，可以根据窗口大小来计算样式。例如：
div {
width: calc(100vw - 100px);
height: calc(100vh - 200px);
}这样就可以根据窗口大小自动调整div的尺寸。
- 使用CSS中的flexbox布局或grid布局来自适应不同的分辨率。这些布局方式可以自动调整子元素的位置和大小，以适应不同的屏幕大小。通过设置适当的flexbox或grid属性，可以实现div在不同分辨率下的定位和排列。
总结起来，以上是几种在不使用媒体查询的情况下定位较低分辨率的div的方法。根据具体需求和实际情况，选择合适的方法来实现页面的布局和定位。具体应用场景和实现方式可能因项目需求而有所差异，建议根据实际情况进行选择和调整。
参考腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云原生容器服务TKE：https://cloud.tencent.com/product/tke
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 物联网平台IoT Hub：https://cloud.tencent.com/product/iothub
- 腾讯移动开发平台：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/um
请注意，以上链接仅作为参考，具体产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
我只是在这里学习，尝试过所有不同类型的div(绝对的、相对的、固定的等等)。但我真的很难搞清楚。
这是我正在工作的网站：
在我的电脑上，1366x768，它看上去和我想要的一样。但是当我尝试任何其他分辨率或改变浏览器大小时，标题和滑块之间有很大的空间。此外，与画廊旋转木马滑块(在人，地点，东西的链接)有很大的空间之间的图像。
如果这似乎是个愚蠢的问题，我很抱歉，但我真的很难弄清楚如何让所有的决议看起来都一样。
这就是看起来的样子。我知道这地方到处都是，所以我才找人帮忙。提前谢谢。
#header {
float: left;
position: relative;
ma
浏览 5提问于2014-05-20得票数 0
回答已采纳
3回答
我正在寻找正确的CSS媒体查询，以针对所有手机(不是平板电脑和更大的)，包括1080手机，如索尼Xperia Z。
现在我使用的是：
<link href='style/mobile.css' rel='stylesheet' type='text/css' media='screen and (max-device-width: 767px)' />
这在大多数设备上都适用，但在Android Firefox浏览器中(奇怪的是Chrome不是)，Xperia Z只能访问桌面站点。
我试过搜索，但似乎没有人在谈论这些新
浏览 1提问于2013-04-17得票数 1
我还没有找到对我有用的答案--我希望有人能帮上忙。我的CSS技能缺乏..。
我有一个视频显示在一个网页，将有一个文本覆盖。我的问题是，在我的屏幕上，覆盖在正确的位置。当这是投影到一个大屏幕，覆盖是在错误的位置。
解决这个问题的最佳策略是什么？在CSS中定位覆盖？用面板？密码如下..。
CSS：
.video {
position:absolute;
bottom:0px;
left:0px;
width:50%;
height:80%;
}
#vidPlayer {
浏览 1提问于2015-05-31得票数 0
回答已采纳
我想为我的ionic应用程序添加完整的背景图片&每个设备都有不同的图片。
这是我的css代码。
针对iphone 6的媒体查询
@media(max-width:750px) and (max-height:1334px){
.pane, .view{
background: url(../img/home/Default-667h.png) no-repeat center top fixed;
background-size: 100% auto;
top: 0;
left: 0;
width: 100%;
浏览 0提问于2015-05-05得票数 3
2回答
以下是我的媒体查询：
@media screen and (min-device-width: 768px) and (max-device-width: 1824px) and (orientation : portrait){
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tabl
浏览 3提问于2014-11-11得票数 45
1回答
我有一个尺寸为2000x160的图像，我必须把它放在1:1比例的标题上。
我有这个标记，但不能用。
<div id="header">
<a href="#" style="display:block;width:100%;height:160px;"><img src="/images/header-bg.jpg" alt="header"></a>
</div>
CSS
/*header*/
#header {
padding: 0;
浏览 4提问于2014-01-29得票数 0
回答已采纳
我只是在问，因为我在这里没有找到任何相关的东西。
结合使用媒体查询和display: none来创建网站的移动版本是合法的吗？我的意思是，这是一种可以接受的做法，还是有其他方法可以做到这一点？
我刚刚在一个项目中使用了它，看起来还不错，但也许这里有一些问题？
提前谢谢你。
浏览 1提问于2014-04-01得票数 0
我在实现基于设备宽度调整元素大小所需的媒体查询方面取得了一些有限的成功，然而，我在iDevices上遇到了一个障碍。
多亏了这里那些优秀的朋友，我才能让我的媒体查询在横向模式下顺利地运行在iPhone 5上。不幸的是，这也会在横向模式下切断iPhone 4上的媒体。我已经尝试了几种不同的修复方法来针对不同的媒体(甚至发现了@media问题的顺序)，但没有这样的运气。其中之一会被覆盖。这是我为iPhone 4编写的最新代码：
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (
浏览 0提问于2013-02-15得票数 1
回答已采纳
3回答
这篇文章不是关于代码语法的，而是关于工作策略的，在我开始开发网站之前。
如果我需要为智能手机(Androids {3种大小}、iphone {2种不同大小}和其他非智能手机)设计一个移动站点的前端，我该如何进行呢？(我的设计必须在所有这些设备上都是一样的)。
我应该按照柔性图像和流体网格(柔性DIV:s)的想法来设计我的作品吗？
或
2-为每个目标模型设置不同的媒体查询？(此解决方案可能会产生更多的开发工作，不是吗？)
非常感谢你的想法。
浏览 0提问于2011-09-15得票数 0
createImageData和createImageDataHD有什么区别?非HD版本的是这样的：
返回具有给定维度的ImageData对象()。返回对象中的所有像素都是透明的黑色。
至于房屋署的版本：
返回一个ImageData对象，其尺寸等于参数中给定的维数，乘以画布位图中对应于每个坐标空间单元的像素数。返回对象中的所有像素都是透明的黑色。
你能向我解释一下它们的含义以及HD版本的用例是什么吗？
浏览 0提问于2013-01-03得票数 1
回答已采纳
朋友们，我想问你们，当屏幕分辨率更大的时候，有没有什么代码可以帮助我创建内容，我说的是网站。
我有两张照片显示了我想说的话
当屏幕(监视器)分辨率正常时，此图片显示网页的外观：
第二张图片显示，当屏幕分辨率大于normal.There时，网页应该是什么样子?新出现的几个"div-s“。
浏览 0提问于2014-05-05得票数 0
回答已采纳
2回答
目前，前端开发人员依靠CSS3媒体查询(分辨率检测)来针对移动设备.随着Galaxy和其他新手机的分辨率超过800x600 (在G.N.的情况下是1280x720)，开发人员如何能够使用这些分辨率严格地针对移动设备，而不是爷爷/奶奶的老台式机运行Windows？
编辑：--在一个理想的世界里，我要寻找的是一些专门针对手持/平板设备的附加API。“手持”媒体查询是存在的，但考虑到苹果和Android都不支持这一点，它可能也会被遗忘。
考虑到HTML5和CSS3最近展现出的伟大远见，我很困惑为什么这个问题没有得到更多的考虑。
浏览 5提问于2011-11-11得票数 1
出于设计目的，我希望将一句话拆分到另一行，我遇到的问题是，当分辨率变小时，可以无缝地将其放入包含的div中。我目前设置的方法是将句子的宽度设置为小于包含div的宽度，这样单词"all“之后的任何文本都会移到下一行。我遇到的问题是，在任何低于最高分辨率的媒体查询中，% width看起来都不太好。
唯一的方法是创建多个媒体查询吗？
当前代码：
div.slide {
padding: 110px 30px 110px 30px;
height: 500px;
text-align: center;
}
div.slide-content {
padding: 0px;
浏览 0提问于2017-07-18得票数 3
1回答
我在使用下面代码中使用的不同div元素时遇到了问题。它在我1024x768的分辨率下工作得很好。但是当分辨率改变时，元素不在正确的位置。
我已经上传了这在一个免费的虚拟主机服务，所以它可能需要时间来加载。
例如，手表定制器可能不适合屏幕。
上面的CSS文件如下所示。
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins
浏览 0提问于2014-03-09得票数 0
1回答
我有一个div，我想它是全屏，当最小化我需要的滚动div它自己显示和身体概述将始终是隐藏的，所以我需要的是使这个div在高屏幕分辨率和低分辨率的滚动的div而不是身体显示(overflow-x和overflow-y)
浏览 1提问于2012-10-08得票数 3
1回答
我在我的android应用程序中使用x摄像头录制视频。我已经成功地使用以下方法降低了视频的分辨率： videoCapture =新的VideoCapture.Builder() .setCameraSelector(cameraSelector) .setTargetResolution(新的大小(480,640)) .build()； 即使视频质量降低，其大小仍与1080p视频相同。
浏览 67提问于2021-08-04得票数 3
1回答
我想在我的页面上隐藏平板电脑和移动设备的特定元素。所以我使用了：
@media (max-width: 991px) {
.popup_overlay {
display:none !important;
}
}
当我从1920x1080分辨率的手机打开网页时，出现了问题，元素出现了，但显示不正确，因为div没有针对小屏幕进行优化。
有什么建议如何以正确的方式做到这一点？
浏览 0提问于2014-12-28得票数 0
2回答
我在一个网站上工作，这将具有，一页，在Adobe Edge制作的幻灯片(导出为.js JavaScript文件)。我还使用CSS media查询来调整站点上的各种元素的大小，比如基于屏幕分辨率的<div>和字体。我想对幻灯片做的是创建不同分辨率的多个版本；是否可以使用CSS媒体查询来随后选择每个屏幕分辨率的适当版本？
浏览 0提问于2012-07-26得票数 0
回答已采纳
当屏幕尺寸低于300px时，我想在我的网站上更改一个图像的边距。然而，当我调整窗口大小时，我的代码似乎不能工作。这可以使用相同的窗口大小：，但我的代码不能：
HTML：
<div class="col-md-3">
<img class="img-responsive" id="logo" src="img/logo.png">
</div>
css：
#logo {
margin-top: -25px;
margin-left: 50px;
}
@
浏览 0提问于2015-04-27得票数 0
如何在不同的屏幕分辨率下更改类操作。例如，我有
<div class="on-big on-small"></div>
例如，on-big将一直工作到1024 pixels，on-small低于1024 pixels
我在考虑将所有属性都设置为0或none，比如布丁/边距等，或者使用!important属性来设置媒体查询。但我觉得这不是个好办法
浏览 21提问于2017-03-15得票数 1
回答已采纳
我的html中有一段视频，理想情况下我不想在平板电脑和移动设备浏览器上播放，只想在桌面上播放。我偶然发现这个网站"“就反映了这一点。
正如你在登录页面上看到的，他们在标题中有一个视频，当缩小到一个特定的断点时，会显示一个图像(我猜是背景图像)，这不是一个很大的壮举。然而，我在Xcode的iPad专业模拟器中的移动safari上加载了这个站点，它也没有显示实际的视频，而是有这样的图像：
正如我们所知，iPad专业版的屏幕尺寸远远超过2000px，所以我怀疑是否使用了@media screen的方法。那么，当视频只在桌面浏览器上播放时，他们是如何创建这种效果的呢？
下面是我的ht
浏览 4提问于2016-02-12得票数 0
我有个关于优化网页的问题。嗯，让我从头开始。
HTML代码：
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<title></title>
</head>
<body>
<div id="header"> Text... </div>
<div id="body"> &l
浏览 1提问于2013-07-22得票数 1
当用户滚动我的网页时，我会在菜单中使用一些JavaScript。这是
所有工作都很好，但我想在媒体查询中消除这种影响。我可以在媒体查询中去掉JavaScript标签吗？
@media only screen
(max-device-width : 360px) {
//dissable JavaScript
}
浏览 0提问于2013-12-23得票数 0
我读过很多关于这件事的书。大多数用户建议媒体查询，但我想知道是否有任何特定的100%的工作方式，使您的网站看起来很棒(元素不会失去他们的位置)，即使在另一个决议/浏览器上只有html/css。如果没有，那么怎么办？(回到媒体查询？)
我对css/html不太了解，但是当我试图用另一台pc或手机打开我的页面时，它看起来很糟糕--(我为我的PC的分辨率而设计的页面)。我也试过‘他们’，'%'，‘最小宽度’和‘最小高度’，但没有那么好。
对不起，因为我问这个，甚至可能有一个解决办法。我只是想要一个清晰而直截了当的答案，这样我就不会迷失方向，更加困惑。
谢谢
浏览 2提问于2016-01-28得票数 1
回答已采纳
我想让我的网站响应和所有大小正确工作，但问题是当屏幕是<420 my，他们使用媒体查询992 my信息，而不是420 my为什么？问题是所有类在420 is中都正确工作，但是在这个类中，它们使用的是992 is。
@media (max-width: 420px) {
div.test {
width: 200px;
}
}
<div class="container test">
<img src="img/img.png">
</div>
浏览 7提问于2016-10-05得票数 0
回答已采纳
2回答
我在研究CSS媒体查询最佳实践，并找到了。
如您所见，第一个媒体查询没有min/max大小定义：
@media只显示屏幕{} /*定义移动样式*/
为什么他们使用这个媒体查询，因为它没有定义断点？这是一种最佳做法还是应该避免？
谢谢!
浏览 3提问于2016-10-01得票数 2
回答已采纳
这是关于Windows 8 javascript应用程序的开发-
无论Windows 8 metro应用程序支持的各种屏幕分辨率如何，控件的位置都应该正确。是否有可以为控件通用设置的属性？
浏览 1提问于2013-11-19得票数 2
我正在尝试建立一个响应性的网站，我想知道是否应该使用设备工具栏来查看更新，或者只是增加或降低视口宽度，如下所示：
一切都进行得很顺利，至少在一开始我是这么想的，当我把视口的宽度缩小到以前的宽度(用于设备工具栏的宽度，也就是320px)时，我发现文本被折叠了--我不知道为什么，但我想这是因为我没有指定一个精确的高度，是吗？
当我选择一个指定的设备--例如，一个iPhone X--发生了一些崩溃，所以我不知道我的解决方案是否还好，但是我想我应该根据该设备的尺寸添加一个具有精确宽度和高度的媒体查询，所以它将是那个特定设备的一个特定的设计，但是我认为有了这个解决方案，我最终会有大量
浏览 0提问于2019-03-28得票数 0
回答已采纳
1回答
我正在开发一个web应用程序，在缩放时会遇到很多问题
以下是页面架构的蓝图：
最近客户要求我们调整应用程序与不同的分辨率，原来的一个是：(1280*1024)，现在我们添加了一些媒体查询，以便它可以适应(1600*900)和(1920*1080)，目前应用程序在这些分辨率下工作正常，但我们面临一个问题，当用户放大或缩小时触发，页面变得混乱。
我在网上看过了，我发现我需要将标题和内容包装在一个单独的div中，并分配了same :0 auto；和max-width & max-height...，我这样做了，但是我仍然有同样的问题。
显然，当我在Internet Explorer
浏览 0提问于2019-11-01得票数 0
我的AUT有很多页。通过为每个页面创建一个单独的class，我为所有页面编写了测试用例。
我希望检查所有页面的Responsive UI，以获得以下决议(在图像中标记为红线)：
我的怀疑是：
我应该如何在脚本中定义这些决议？(目标是只检查上述决议的响应性)
如果分辨率发生变化，我应该如何定义某些元素的确切位置？(目前，人们注意到元素在不同分辨率中的位置混乱)
浏览 3提问于2017-10-03得票数 1
2回答
让内容在iOS上更好地播放
、、、、
我的网站是一个以页面为中心的540x500px的小方框。iPhone和黑莓都切断了顶部的内容。我把它放在页面的中心位置。我一直在处理元视口设置，希望在其他设备上处理页面的页边距，并有一些运气，但当涉及到它时，我找不到一个将我的两行代码结合在一起的解决方案。
我的代码如下..我研究了媒体查询，将meta设置为设备宽度(切断边距)和许多其他选项。老实说，我知道我太挑剔了，而且我花了很多时间在这上面。
我需要帮助！
首先，HTML
<div id="container">content</div>
CSS
#container {
width:540p
浏览 0提问于2011-06-09得票数 1
回答已采纳
我想生成的PDF格式的Jpeg图像的宽度为900px和150dpi与Ghostscript光栅化器的帮助。
浏览 29提问于2019-03-02得票数 0
在这个问题上还有另外一个问题，但我会在这里更具体一些，如果我在这里得到一个正确的解决方案，它将有助于解决剩下的问题。
实时链接这里
所以，我有约会的背景资料。由于某些原因，它只在狭小的屏幕上正确显示，而在更宽的屏幕上甚至没有在源代码中显示它的样式。造型就在那儿。在wp管理面板主题编辑器中签入它。
html
<div class="date3">
<div class="datetxt">
<div class="month"><?php the_time('M ') ?></d
浏览 0提问于2014-02-13得票数 0
回答已采纳
1回答
我正在制作一个html-jquery程序，它动态地生成一个表，其中每个单元格上都有一个。幻灯片获取您从计算机内的文件夹中选择的图像。
问题是，当我选择文件夹时，幻灯片将为每个带有幻灯片的单元格获得100 to的高度。我不明白如何防止幻灯片比包含的单元格长得多。
<body style="height:100vh;">
<div class="row">
<div class="container-fluid">
Rows: <input id="sRows&#
浏览 0提问于2019-03-21得票数 0
2回答
我读到过，使用媒体查询来更改移动设备的站点是很好的，因为它的开销更小，而且手机的下载速度也更慢。但这有什么帮助呢？除了隐藏我不想在移动设备上看到的元素之外，我还能做什么吗？它仍然需要下载隐藏的元素。那么有什么收获呢？我很困惑。
浏览 0提问于2012-11-01得票数 4
回答已采纳
在Bootstrap 3中，您可以使用以下代码生成一行，其中3列随着屏幕宽度的减小而彼此折叠：
<div class = 'row'>
<div class = 'col-md-4'>
Some text
</div>
<div class = 'col-md-4'>
Some text
</div>
<div class = 'col-md-4'>
Some tex
浏览 14提问于2014-03-21得票数 0
回答已采纳
我有一个项目列表，在webView中，我在每一行显示4个元素。但是在mobileView中，我想在一行中显示两个元素。这是我的html文件。 <div class="row my-3 cust-heading" style="margin-left: 39vh; margin-right: 39vh;">
<div class="col-md-3 my-4 products" ng-repeat="product in productList track by $index" ng-if="$i
浏览 18提问于2020-04-22得票数 2
回答已采纳
这个问题以前肯定已经回答过了，但我找不到相关的问题。
我设计了一个响应式的网站，所有的css媒体查询都能在320宽的屏幕上正确显示。
我想要的是iPhone4 (640 X 960)在纵向模式(640宽)下坚持媒体查询，就像它的显示宽度= 320像素一样。理由:即使iphone有更多的像素，我也想向这些用户显示一个简化的布局，类似于非高密度手机的用户。
有没有办法做到这一点，例如，通过为这些高像素密度手机指定一些meta-tag？
当然，我可以用min-device-pixel-ratio: 2为iPhone4等定义不同的媒体查询，但这导致了不同的css媒体查询(一个用于低像素密度，一个用于高
浏览 0提问于2012-07-06得票数 10
回答已采纳
1回答
我有下面的javascript我想更改div元素的边距、顶部和边距。我使用这个媒体查询
@media screen and (max-width:1024px) {
.my-list {
margin-top: 120px;
margin-left: 350px;
}
}
<div class="my-list">
test message
</div>
最后的屏幕是
如何更改div元素的边距、顶部和边距？
浏览 3提问于2017-03-06得票数 0
1回答
我正在做一个像现在这样的网站
我想添加阴影到肚脐底部，并使它粘稠。然而，对于一些人来说，即使在使用z索引之后，主内容部分(其中包含单词“主页”)也会出现在导航栏的顶部，直到前面的阴影。
这是我的密码。
NavBar组件
import React from "react";
import { Bars, Nav, NavLink, NavMenu } from "./NavbarElements.js";
const Navbar = () => {
return (
<Nav>
<NavLink to=&
浏览 4提问于2022-07-30得票数 0
回答已采纳
2回答
我试图通过隐藏两个不应该显示的大div来使我们网站上的某个页面对手机友好，因为它们是a)交互式和特色悬停效果，以及b)打破页面的流动。
目前使用Chrome在我的LG G2上进行测试，使用
@media only screen and (max-width : 768px) {
div.example {
display: none !important;
visibility: hidden;
}
}
然而，它根本没有任何效果。
"example“的CSS是：
div.example {
background-image: url('http://www.exam
浏览 1提问于2014-12-19得票数 1
为什么我的媒体查询不能在chrome中工作？
当我将浏览器设置为小的时候，背景应该变成紫色。我从w3学校中取了这个例子，所以我知道它应该是有效的。默认情况下，小尺寸为紫色，未设置媒体查询，如果达到一定的宽度大小，则应更改为蓝色。
body { background-color: purple; }
.wrapper {overflow: auto;}
#main {margin-left: 4px;}
#leftsidebar {
float: none;
width: auto;
}
#menulist {
margin: 0;
padding: 0;
}
.menui
浏览 11提问于2019-10-31得票数 0
2回答
我知道，最大宽度已经有了很好的记录，但我仍然有困难，使我的网站停止伸展在某一点。当用户延长浏览器超过800 px，我希望我的网站停止伸展。(我所有的div和所有事情都是用%s完成的，而不是px的。)我创建了一个包装器，
#wrapper{
max-width:800px;
}
然而，因为我的div是绝对定位的，它不会移动他们，当我使他们的位置相对，网站看起来非常混乱。我想要一些帮助，如果你需要的话可以提供更多的代码。我认为主要的问题在于绝对定位。
浏览 2提问于2013-08-13得票数 2
回答已采纳
2回答
图像视网膜显示
、、、
可能重复：
我一直在阅读有关视网膜显示媒体的查询，以便为那些有视网膜显示器的人提供更高质量的图像。我的问题是，我是否在我的资产中保存了两次相同的图像(一种是医疗质量，另一种是高质量)，然后根据设备是否准备好视网膜来服务其中一种。
或者，我是否有一个图像，然后使用媒体查询在视网膜启用的设备上为图像提供最大质量的服务。
我的第二个问题是，如果用户有一个启用视网膜的设备，我将如何告诉浏览器以最高质量提供所有图像。
如果这是一个基本的问题，任何建议都会得到感谢和道歉。
浏览 3提问于2013-01-23得票数 0
我有两个主要的按钮，每个都包含子按钮的细节，在桌面上一切都很好。我希望每个父子按钮都显示在其父按钮的下面，这是我到目前为止所得到的：
HTML
<div class="main-data">
<div class="main-data_butttons">
<div class="main-data_button-left">Trump</div>
<div class="main-data_button-right">Babab Yaga&
浏览 27提问于2018-09-20得票数 0
回答已采纳
1回答
所以我要为iPad创建一个全屏游戏。视网膜显示器(新iPad)的分辨率为2048x1536像素，而旧iPad的分辨率为1024x768像素。
我的问题是，是否应该将容器div的宽度设置为2048像素，然后使用媒体查询根据窗口宽度更改不同HTML元素的维度和位置？我将使用大量的绝对定位，我不确定新旧iPad之间将如何工作。
还是视网膜显示器在媒体查询中仍然返回1024？
另外，我需要两组图像吗？一组图像用于视网膜显示，一组图像(大小为一半)用于旧的iPad显示器？
我有点困惑。谢谢你向我解释这个。
浏览 1提问于2013-08-17得票数 2
回答已采纳
1回答
我在试图使用响应引导网格中的图像覆盖时遇到了一个问题。当页面被完全屏蔽时，一切看起来都很好，然而，每当它低于980宽度时，图像就会从网格底部流出来，但是当页面变得越小时，它看起来就会越来越好。我知道我可以使用媒体查询来解决这个问题，但是是否有我忽略的解决方案？
HTML:
<div class="row">
<div class="col-md-6">
<div class="col-md-12">
<div class="content-secti
浏览 1提问于2015-06-16得票数 0
回答已采纳
1回答
离子扭曲图像
、、、
我试图并排显示图片和文本，但当我在浏览器和android设备上测试这款应用时，第一次浏览页面时，图片看起来真的很窄，当我返回页面时，图片看起来是正确的。
1st visit
2nd visit
代码
<ion-item ng-repeat='item in clients' class="item-text-wrap">
<h3>{{item.clientName}}</h3>
<div class="row">
浏览 1提问于2015-10-05得票数 0
放大前的网页 ? 放大后的网页 ? 当我放大我网页时，两个侧边栏的菜单div重叠，我如何停止重叠的.Please帮助。 请查看左下角div和左侧菜单栏.This两个重叠放大后
浏览 18提问于2020-01-27得票数 0
1回答
我有几个媒体查询正在被忽视的视网膜设备-例如，iPhone 6+。iPhone 6 Plus的屏幕最小-设备宽度为414 is。使用下面的媒体查询，我希望手机将使customClass div具有100%的宽度。但是使用这个类的div仍然是33.33333%。(我为示例简化了下面的代码，删除了浮点数等。)
例如，我有以下CSS：
.customClass {
width: 33.33333%;
}
@media screen and (max-width: 800px) {
.customClass {
width: 100%;
}
}
顺便说一句，我的头上
浏览 2提问于2016-11-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
