如何在移动设备上使div高度小于1像素？
在移动设备上使div高度小于1像素可以通过以下方法实现：
- 使用CSS3的transform属性：可以使用scaleY函数将div的高度缩放至小于1像素。例如，可以设置div的样式为：
div {
transform: scaleY(0.5);
}这将使div的高度缩小为原来的一半。
- 使用CSS3的viewport单位：可以使用vw（视窗宽度的百分比）或vh（视窗高度的百分比）单位来设置div的高度。例如，可以设置div的样式为：
div {
height: 0.5vh;
}这将使div的高度为视窗高度的0.5%。
- 使用CSS3的calc()函数：可以使用calc()函数来计算div的高度。例如，可以设置div的样式为：
div {
height: calc(1px - 0.5px);
}这将使div的高度为0.5像素。
需要注意的是，以上方法在不同移动设备和浏览器上的兼容性可能会有所差异。在实际应用中，建议进行兼容性测试，并根据具体情况选择合适的方法。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动应用分析（https://cloud.tencent.com/product/uma）
- 腾讯云移动推送（https://cloud.tencent.com/product/tpns）
- 腾讯云移动直播（https://cloud.tencent.com/product/mlvb）
- 腾讯云移动短信（https://cloud.tencent.com/product/sms）
- 腾讯云移动混合云（https://cloud.tencent.com/product/tcb）
- 腾讯云移动游戏加速（https://cloud.tencent.com/product/ga）
- 腾讯云移动智能（https://cloud.tencent.com/product/ai）
相关·内容
我试图让div ".slide“只水平滚动，但看起来整个身体都在滚动，我不知道为什么。
如果你将页面缩小到移动设备上，然后水平滚动，你就会明白我的意思，
在div.slide上，我使用
float: left;
width: 620px;
overflow-x: scroll;
background: #ecf2f6;
你可以在看到它！
浏览 6提问于2014-06-12得票数 0
1回答
我从Image元素中的数据库中检索图像。
问题是检索到的图像不是移动响应的，我想让那些检索到的图像移动响应。当用户在移动平台上打开网站时，这些图片必须互相隐藏，并很好地显示出来。
我试过使用引导，但当网站在移动设备上打开时，这些图像不会在彼此下面传输。
这就是我所拥有的：
<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal">
<ItemTemplate>
<div class="col-xs
浏览 0提问于2018-02-25得票数 0
回答已采纳
2回答
我在jQuery对话框中创建了一个div，我希望这个div有一个垂直滚动条。由于某种原因，内容不会滚动。只会继续下去。
以下是HTML代码：
<input type="button" value="open" id="btnOpen">
<div id="myDialog">
<div style="width: 350px; display: inline-table; overflow-y: scroll; height: 200px; margin-right: 50px;
浏览 3提问于2014-08-17得票数 0
回答已采纳
2回答
我试过这样做：
html, body {
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
}
::-webkit-scrollbar {
width: 0px;
display: none; /* Safari and Chrome */
}
它在普通的PC浏览器上运行良好，但是当它变成移动设备时，它就不能工作了。
浏览 10提问于2022-05-25得票数 1
1回答
我做了导航栏usign jade：
nav.navbar.navbar_white
div.navbar__inner
ul.nav-list
li.nav-list__item_dark
a(href="#") item 1
li.nav-list__item_dark
a(href="#") item 2
li.nav-list__item_dark
a(href=&#
浏览 19提问于2017-03-15得票数 1
回答已采纳
2回答
如何使弹出视频响应移动设备
、、、、
<button type="button" class="action-oser" id="click-vlink2">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10
浏览 1提问于2022-07-06得票数 1
回答已采纳
1回答
我目前在一个MacBook的显示尺寸为15.4英寸(2880x1800)，这是一个屏幕截图，我的网站如何查找我的主页。
问题1
我如何修复我的h3文本，以确保它在移动设备上的响应。下面是一个屏幕截图，你可以看到它没有正确地调整和安装在屏幕上。如果您查看文章底部到我的站点的JSFIDDLE链接，您可以看到我使用了<div class="col-lg-12">来确保它的响应性，因此不知道它为什么要在移动设备上这样做。
<h1 class="maintxt bounceInUp animated">Hi, welcome to my portf
浏览 2提问于2017-07-11得票数 2
回答已采纳
2回答
我有一个容器，是位置:相对的，而在那个容器中，我有一个文本的容器，即位置:绝对。原因是，文本是坐在图片的顶部。因此，从本质上说，文本容器相对于它的父容器。
但是，当我在移动设备上查看我的页面时，图像的高度会小于文本的长度，并且文本不会随图像“向上”移动。所以基本上我看不到底部的文字，因为图像的高度并不能覆盖所有的文本。
我认为，由于文本相对于图像容器，图像的高度将保持到一定程度，这样所有的文本都会出现在图像下面。
有人能帮我解决这个问题吗？
<div class="container-fluid">
<div class="row">
浏览 2提问于2015-10-11得票数 0
回答已采纳
2回答
我很难在移动设备和桌面屏幕上以不同的方式显示我的引导旋转木马。
以下是我的HTML：
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="ac
浏览 4提问于2014-04-20得票数 0
回答已采纳
1回答
我正在建立一个使用的移动网站。在几乎完成之后，我终于尝试在我的移动设备上测试它。我意识到:当我向下滚动页面时，浏览器的导航条(即iPhone上的Safari，安卓设备上的Chrome )不像浏览普通网站时那样自动隐藏。
如以下网站：
(我的项目的index.html与这个index.html几乎相同)
有解决办法吗？或者仅仅是ng视图的一个缺点，而我要去处理它？
任何产出都将受到极大的赞赏。提前谢谢。
浏览 5提问于2015-06-09得票数 0
回答已采纳
我正在为我的肋主题创作footer.php。
📷
整个页脚满是/356。在这个容器的中间，另一个容器，是960/252。里面有一些组件(徽标，社交图标，导航，版权)。我想它们也应该放在单独的容器里。在移动设备上，这一切都应该是响应性的。由于我是做我的第一步与引导，我试图添加我的自定义风格。我正在改变风格，但比它没有反应。COuld你给我指路: 1)我需要把不同的组件(loso，social，nav，拷贝)放在不同的容器中吗? 2)如何改变每个容器的风格并保持响应性？
我的footer.php：
<style>
#ch {
background-color: yellow;
heig
浏览 0提问于2017-11-17得票数 0
我想在div中显示一个图表。
高宽比为宽度的50 %。
所讨论的图表如下：
如何使这个div在桌面和移动设备中以一种响应性的方式工作？
浏览 6提问于2015-03-03得票数 0
回答已采纳
什么单位或方法是最好的(或至少是好的！)使用相对于屏幕尺寸的测量方法？我把这个问题限制在移动设备上，我怀疑这可能会影响到答案。因此，我会将样式包装在@media (hover:none), (hover:on-demand) { }中。
浏览 0提问于2020-08-24得票数 3
1回答
我现在做了一个网站，当我打开这个网站在电脑上的铬浏览器和使用设备工具栏模拟移动景观模式，导航菜单工作正常。引导可以降低包含div的导航高度，并允许滚动。在developer中，引导程序使用以下媒体查询
@media (max-device-width: 480px) and (orientation: landscape)
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 200px;
}
但是，当我以景观模式在实际手机上打开我的网站时，就不会应用max-hei
浏览 4提问于2016-06-15得票数 0
回答已采纳
我用bootstrap创建了一个页面，并添加了3个svg图像。现在，在桌面上看起来很好，但是当我在移动设备上改变视图时，两个图像消失了。如何在移动设备上修复此视图？
这是桌面屏幕截图
当我丢失两张图片时，这是移动设备
HTML：
<div class="col-lg-12 row-1 mid">
<div class="col-lg-8">
<img class="img-fluid img-icon icon1" src="img/icon/web-dizajn.svg" alt
浏览 18提问于2018-08-17得票数 0
1回答
这是我的代码。我正在尝试在较大宽度的设备上自动播放视频，并在较小宽度的设备上有一个自定义播放按钮，该按钮不支持在有音频的视频上自动播放。它在大屏幕设备上运行良好，但在移动设备上却停留在屏幕顶部。我想把它放在屏幕的中心。我试过各种方法，但都不管用。请帮帮This is how it is looking on mobile phone <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<center>
<di
浏览 26提问于2020-12-26得票数 2
回答已采纳
我的应用程序有一个基本的登录屏幕，一个外部框和一些文本字段和按钮。我设置了盒子来填充屏幕。然而，在某些设备上，这个盒子会太大。如何将最大宽度和高度设置为视图？
浏览 16提问于2016-07-11得票数 25
回答已采纳
1回答
<div class="row mobile-horizontial-scroll" data-equalizer data-options="equalize_on_stack: true">
<?php
// check if the repeater field has rows of data
if( have_rows('columns') ):
// loop through the rows of data
w
浏览 0提问于2016-11-01得票数 2
1回答
我的bootstrap网站上有一个滑块，指向该网站的链接是here 滑块图像在桌面设备上工作得很好，但在移动设备上它不适合屏幕，我做了以下css： @media only screen and (max-width: 600px)
.n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
background-size: 400px !important;
} 这个css昨天工作得很好，现在它不工作了，谁能告诉我如何在移动视图中使滑块图像适合屏幕，提前谢谢
浏览 19提问于2021-07-02得票数 0
回答已采纳
1回答
上下文/我想做什么
我正在为iOS 7构建这个
我用的是StoryBoard
我有两个UITableViews，我想保持相同的高度和距离，以保持3.5和4英寸设备之间的视觉一致性
因此，在从4英寸屏幕到3.5英寸屏幕的转换中，我想：
表视图可以变短，但在高度上保持相等。
对于顶部的表视图，以保持相同的y pos。
对于底部表视图，将其y pos向上移动，以在顶部表视图的底部和底部表视图的顶部保持相同的距离。也就是他们之间的相同差距
我试过什么
使用故事板中的Pin，我选择了TableViews并将其高度设置为相等，并将以下代码包含在视图控制器中
浏览 2提问于2013-10-01得票数 2
不确定这一问题是否得到了答复。我尽了最大的努力去搜索，因为我觉得其他人会遇到这个问题。基本上，我使用的是与setX和setY一起随机移动视图的随机onClick。这在我的设备上运行得很好，我继续发布了这个应用程序。虽然我哥哥使用的是不同的设备，他说只要点击按钮，屏幕上的视图就会消失。
显然，我的猜测是，setX和setY刚刚把它从屏幕上移开。有人知道如何使视图仅在父布局中移动吗？我也需要保持我目前的随机方法在机智，因为它是不可或缺的游戏。
这是我的按钮移动代码：
Random r = new Random();
int buttonHeight;
int buttonWidth;
button
浏览 2提问于2014-06-25得票数 1
回答已采纳
1回答
我想知道是否有人可以帮助我与css / html的问题。
我有一个复杂的背景图像。菜单div被放置在正确的位置，以覆盖其要定位的背景。整个LI具有具有块显示类型的悬停翻转图像。结果是，当鼠标在列表href上时，整个块滚动工作。
但是，当我尝试添加填充以在列表项文本及其边框之间创建缓冲区时，问题就发生了。事情开始变得滑稽起来。我将添加一个屏幕截图..需要填充才能将其从边框移出。
第二个问题是，我不能在不应用行高的情况下使文本居中。这个解决方案非常有效，直到项目换行..我需要能够换行菜单项文本。
下面的示例显示了当前CSS/HTML的状态。菜单栏和翻转功能已按预期就绪。修改我不能把图片放在这里限制
浏览 2提问于2010-07-26得票数 3
回答已采纳
我需要减小移动设备的盒子的大小，但我记不住如何做到这一点。目前，所有内容都会在网站上正确显示，但在移动设备上不会反射，并且盒子会溢出容器
<div class="box">
<img src="img/devban.png" alt="logo"/>
</div>
.cart-btn-m:hover {
background-color: #64af3d;
}
.box {
/* width: 100%; */
浏览 5提问于2021-06-08得票数 0
我设计了两个边框。一个在图像后面(黑色边框)，第二个在图像(绿色边框)上。我希望所有移动设备的边界高度相同。我已经根据320 to的移动屏幕大小设置了边框的高度，但是当我试图将屏幕大小更改为不同的大小，例如(375 to、414 to等)时，其高度就会超出其正常大小。我如何使它在每个设备上看起来都一样。我用的是移动第一方法。
HTML：
<div class="img-border1" >
<img src="https://cdn.cnn.com/cnnnext/dam/assets/201209140756-ji
浏览 2提问于2020-12-17得票数 1
回答已采纳
我在一个引导程序row/container中有两个col元素。左边的是固定大小的，包含一个静态table。与左边一样，右边的一个包含一个表，但它是基于加载页面时检索到的数据动态生成的。
所以，右边的桌子当然可以比左边的桌子高。我已经将右侧表的max-height属性设置为左侧表的高度，并使用JavaScript计算出overflow-y: scroll。这在桌面上看起来很棒，效果也很好。
参考代码要点，HTML：
<div class="container">
<div class="row">
<div c
浏览 0提问于2018-11-10得票数 0
有人能帮我弄清楚我的手机版页面出了什么问题吗？我正在修改getbootstrap.com中的仪表板示例。我想修改主行之一的移动版本，使其显示为每行三个div。
<div class="row placeholders">
<div class="col-xs-4 col-sm-2 placeholder">
<div class="circleText">3</div>
浏览 2提问于2017-02-16得票数 0
ngx-bootstrap/datepicker在较大的屏幕上工作得很好，但在移动屏幕上就不行。需要帮助。 ? 但当我将屏幕尺寸缩小到移动设备(也是在实际的移动设备上)时，它在错误的位置打开。 ? ngx-bootstrap/datepicker版本5.3.2 "ngx-bootstrap"："^5.3.2"， 这就是我在模板中使用它的方式。 <div class="row">
<div class="col-xs-12 col-12 col-md-6 form-group">
浏览 49提问于2020-03-29得票数 2
我用jQuery移动创建了一个应用程序，我使用phoneGap，我的应用程序是在iframe中构建的，因为我的平台有一个框架()。但是jquery将在我的min-height DIV上添加一个data-role="page" css属性，这个属性比设备的最大高度高一个pix，因此它会给我带来一些问题(T_T)。我想知道: jquery什么时候会在页面div上添加这个CSS属性？以及如何避免这种情况？非常感谢。
浏览 3提问于2014-12-19得票数 2
回答已采纳
我已经厌倦了寻找一个问题的答案。我想要一个网站，可以看到从移动或类似的设备相同。我不是说响应性，我的意思是，移动访问者甚至可以通过水平鼠标滚动看到相同布局的网站。这对于每个网站都是可能的。这不需要任何代码。同样的布局通常也可以在移动设备上看到，使用水平鼠标滚动。但是，有一种情况让我感到困扰。我已经创建了一个示例。
如果您从移动设备或类似设备(如small notebook等)查看网站(或调整到小型浏览器)，您将看到以下内容：
您可以看到，蓝色div不能填满浏览器的100%宽度，尽管该div定义为100%宽度！看看图片下面的灰色div部分。在正常阶段，蓝色(div.top)和灰色(div#
浏览 3提问于2013-08-20得票数 0
我有一个容器div，我想把另外两个div放进去。我见过很多例子，但它们似乎是并列的。除了纯css，我什么都不能用。实际上，还有一些其他设置可以使其与所有移动设备兼容，并使所有内容居中显示。
到目前为止，我已经尝试了下面接近的结果，现在的结果是该子部分嵌入在部分div中并居中。我需要小节坐在div下，同时仍然保持div节的内容可滚动。
.container{
display:flex
height:inherit
position:relative
}
.section{
overflow:auto
height:100%
position:absolute
浏览 1提问于2020-05-15得票数 0
我有一个宽度设置为100%的div，带有一个背景图像(如下图所示，背景图像是拿着设备的手)，因此调整窗口的大小也会调整背景图像的大小。我这样做的目的是让它总是在整个屏幕上伸展，而不管你使用的是什么设备。
这很好用，直到我在手机上启动这个网站。手机屏幕在水平方向上太小，会将背景图像缩小到屏幕底部的3个infobox div似乎被推出的程度，但这只是拉出的背景图像：
有人知道我该如何解决这个问题吗？我是否应该找到一种方法来定位infobox div，使它们在屏幕较小时向上移动？
任何建议都将不胜感激。
浏览 0提问于2013-07-18得票数 1
6回答
我使用的是Xcode 7.2。当我在设备上构建/运行我的应用程序时，所有的对象和图像都按照我在代码中设置的速度移动，一切都很快。然而，在Xcode中的iPhone模拟器上，一切都很慢。我没有iPhone 6Plus设备，所以在模拟器中使用移动缓慢的应用程序时，我很难在代码中确定对象是否移动得足够快。
有没有办法在Xcode上让模拟器以与设备相同的速度移动对象和图像，而不是以较慢的速度移动？
浏览 0提问于2016-02-15得票数 8
为了将一个元素完全从视图中翻译出来，我使用了transform: translate(0, -100%);。然而，如果你调整窗口的大小，压缩它的高度，那么它的孩子们就会逐渐重新出现。我不知道他们为什么要这么做，我希望有人能弄清楚为什么会发生这种情况。这是。
<body>
<div id="background">
<div id="circle1"></div>
<div id="circle2"></div>
</
浏览 3提问于2016-03-25得票数 0
回答已采纳
这是我的HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width">
<style>
body {
margin: 0;
}
.a {
background: orange;
border: 2px solid black;
}
.b {
padding: 0 2em;
width
浏览 1提问于2018-03-02得票数 1
回答已采纳
2回答
我想永远在移动浏览器上显示垂直滚动条，不仅如果页面高度增加了，我已经尝试了这个html {overflow-y: scroll;}它在桌面上工作得很好，但在移动设备上不行，任何建议...！
浏览 1提问于2014-01-15得票数 1
2回答
间歇引导布局问题MVC
、、、、
我一直在为我们的家族企业网站工作，我们有一个产品页面，其中概述了我们的四个关键产品。这是我们从wrapboostrap.com购买的引导模板(我不是平面设计师！)一切都很顺利。然而，这个页面()一直让我头疼。
有时，无论是在移动设备还是桌面设备上，布局都会升级(见附加图像)。
如果您在任何一个平台上重新加载页面，那么页面在加载之后就会非常完美。我似乎能够通过删除这个div来阻止这种行为：
<div class="row portfolio-wrapper">
然而，在移动设备上，这消除了我所要求的产品类型之间的间隔，因此理想情况下，它需要保持不变。
有人
浏览 2提问于2014-10-14得票数 1
回答已采纳
1回答
你好，我正在使用引导使我的整个网站，但我看到的唯一的问题是，我的模式不缩放和推动中心，这是没有显示在移动设备。
<div class="modal hide fade" id="player_box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="butt
浏览 0提问于2014-10-06得票数 0
回答已采纳
我让文本首先显示在桌面上的图像之前，也就是说，要查看完整的图像，用户需要滚动。但在移动设备上，我希望图像首先显示，然后用户才能滚动查看文本。我如何通过css实现这一点。
示例html。
<body>
<div class="text x"> Some text... </div>
<div class="image y"> <img src="" alt=""/> </div>
</body>
在不更改.image的情况下，如何使html div垂
浏览 0提问于2016-02-17得票数 2
1回答
我在bootstrap站点上有一个div，我想把它隐藏在桌面上，并在移动设备上显示。另一个div则相反，但不知何故，在移动设备上，div是空的(尽管它是用于测试的同一个div )。代码：
<div class="camera_container hidden-xs">
<div id="camera" class="camera_wrap">
<div data-src="images/slide-1.jpg">
&
浏览 0提问于2015-11-13得票数 0
3回答
我如何使一个gif响应？
、、、
我想使一个gif图像响应调整它的大小，以覆盖每一个移动设备的宽度。这是因为由于某种原因，我可以在某些IOS设备上自动播放视频，所以我想把视频转换成gif。现在，我怎样才能让它有反应呢？我真的不关心身高，更多的是一个宽度问题。
到目前为止，这是我的颂歌：
.box {
width: 500px !important;
}
<div class="box">
<img src="examplegif" alt="Example gif" style="width:340px;height:170px;"&
浏览 2提问于2021-04-07得票数 2
回答已采纳
1回答
我正在开发一个移动站点，它的结构如下所示：
body
---->Mobile container div (height 100%)
-------->Full page div (height 100%)
------------>Vertically centered div (height 200px)
我的问题是整个页面div级别都是0px。下面是相关的CSS：
html, body
{
height: 100%;
margin: 0;
}
.mobile
{
min-height: 100%;
}
.full-page
{
hei
浏览 3提问于2016-04-19得票数 0
我的页面中有一个元视图：
<meta name="viewport" content="width=device-width, initial-scale=1">
和一个背景图像在一个div，我想以同样的方式在计算机和移动显示图像。问题是，在移动设备上，它比计算机要大得多，如下图所示：
#mydiv{
width:100%;
height:150px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
backg
浏览 0提问于2016-02-25得票数 0
回答已采纳
1回答
使博客帖子对移动设备友好
、、、
我的网站托管在blogger.com上，但我上传了一个完全自定义的主题，并调整了代码，以改变设计。主题是移动友好的，除了我实际的博客帖子文本在移动设备上只显示了半个页面。这就好像页面被切成了两半，所以一半的句子没有显示出来。即使您尝试缩小。它只是在移动设备上显示桌面视图，没有缩放，所以只有一半是可见的。其他的一切在手机网站上都能完美地工作。我迷失在如何修复在每个移动设备的头部添加元标签的this...thinking？我试着添加
<meta name="viewport" content="width=device-width, initial-scale=1&#
浏览 0提问于2018-06-11得票数 1
橙色部分是UIView，白色部分也是UIView。橙色视图是白色视图的超级视图。
我已经为白色视图定义了一个约束：“底部空间到超级视图140"，以及”顶层空间到超级视图219"，在iPhone7中如下所示：
如果我切换到较小的屏幕，例如iPhone 4，它看起来如下所示：
正如你所看到的，小屏幕中的白色区域变小了。
我想问的是，如何使白色区域占设备屏幕面积的百分比不变？(我的意思是如何使白色视图的顶部和底部的距离与超级视图成比例，而不是像我所做的那样将空间固定到底部和顶部，从而产生问题)
=====更新====
我遵循@Phillip的简单答案，设法使白色区
浏览 4提问于2017-08-30得票数 0
我想要一个对桌面和移动设备有不同布局的响应表单。
我有过
html格式的表单
基于龙门模板的响应性css类寥寥无几
##：基于当前容器定义宽度
左浮动:顾名思义
隐藏桌面:在桌面中隐藏元素
可见桌面:在非桌面中隐藏元素。
样本html
<form>
<div class="gantry-width-40 rt-floatleft">
<input class="gantry-width-70" type="text">
</div&
浏览 3提问于2014-08-19得票数 0
回答已采纳
3回答
我有一个网页。我用引导来创建它。它具有很强的响应性，对大多数元素都有很好的效果。
除了嵌入的vimeo视频。我将其配置如下：
<div class="col-md-7">
<iframe src=$VIDEO_URL controls=false
width="640"
height="400"
frameborder="0"
webkitallowfullscreen mozallowfullscreen
浏览 1提问于2016-06-16得票数 0
回答已采纳
1回答
滑块出了点问题。我希望滑块高度更改为当前图像的高度。这在台式机上是可行的，但在移动设备上似乎就不行了。 此外，当手动刷新页面时，不会设置初始高度。我读到这是由于ready()函数，并使用onload和间隔初始化，我试图这样做，但整个滑块在使用中的onload和间隔中断。 http://www.nwdastore.com/slideshow-test/
浏览 7提问于2019-09-01得票数 0
回答已采纳
2回答
我在页面上的Image Elements中显示了一些图像。然而，对于不同的屏幕分辨率，它们会移动到页面上的不同位置。
我应该如何编写下面的代码，使我的div/元素保持绝对的位置，并且不会在不同的分辨率下发生变化？
<div class='imageElement2'>
<a href='#' title=''><img alt='' height='364' src='http://farm8.staticflickr.com/7209/6978440877_10b1fcff
浏览 1提问于2012-03-13得票数 0
在我正在做的一个项目中，我遇到了一个bug的问题。
移动菜单，当它小于768 to时，我想获得视口的全部高度，即使我将它设置为100%，它也没有高度。
只有在使用汉堡包图标进行切换时才能看到它。
nav元素是，绝对定位为，移动菜单是nav元素的最后一个子元素。
nav元素是，绝对定位为，这样背景是透明的，并且它下面的section可以位于页面的顶部。
我希望div和类mobile_links在移动设备上切换时占据页面的全部高度。
我有一个解决办法，就是将section的section属性设置在nav下面的relative并设置top: -40px。
我还必须将nav元素的nav属性设置为sta
浏览 5提问于2016-09-15得票数 1
回答已采纳
我正在尝试在我的页脚中为移动定位一个元素。当我使用px时，这是有效的，但是当我尝试使用percent时，它不会移动。我想使用percent的原因是，它似乎在一定程度上可以跨不同的设备/浏览器放置元素，而px只是在单个设备/浏览器中定义边距。所以问题是，为什么top: 10%不能工作，而top: 40px可以呢？
@media (max-width: 768px)
{.copyright{position:
relative;
transform:rotate(90deg);
right: 150px; top: 10%
!important; vertical-align:
midd
浏览 1提问于2020-02-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
