我在%中给出了div元素的大小，因为我希望它们能够适应不同设备的不同屏幕大小。然而，我希望设备的大小是恒定的。例如，如果div的宽度是我笔记本电脑浏览器屏幕的60%，那么即使我最小化浏览器窗口的尺寸，它也应该保持60%的宽度。
我该如何实现这一点？
浏览 1提问于2014-11-13得票数 1
我在根据屏幕重新缩放页面时遇到了问题。我在我的笔记本电脑上写代码，看起来还不错，但当我在桌面上用更大的屏幕打开这个页面时，它看起来并不好。
div.fullWidth {
width:100%;
height:100%;
}
这就是我在我的CSS文件中尝试的，但它也不起作用。
浏览 3提问于2014-05-27得票数 0
1回答
我正在开始使用Compass和Susy。我的目标是让我的布局适应手机、平板电脑和台式机屏幕的尺寸。在Susy示例(或)中，有一种使列数适应屏幕大小的模式。具体地说，有像这样的嵌套规则：
.container {
@include container;
@include desktop {
@include container;
}
}
我现在的问题是:容器{ @include container }是做什么的？而且，为什么它又嵌套在桌面的include中呢？
浏览 0提问于2012-10-07得票数 2
回答已采纳
4回答
我设计了一个网站。我想知道是否有可能使我的网站中的页面重新调整大小，以适应访问者的显示器分辨率。
例如，我使用的是1024x768分辨率的计算机。如果我将分辨率更改为800x600，我希望我的站点重新调整大小以适应800x600的屏幕分辨率。
浏览 1提问于2012-05-15得票数 0
我使用WKWebView加载服务器返回的html字符串，并设置CSS，但是页面没有显示手机屏幕，我该怎么办？
NSString *requestUrl = [NSString stringWithFormat:@"http://news-at.zhihu.com/api/4/news/%ld",self.story.ID];
requestSuccessBlock sblock = ^(id responseObject){
YAContentItem *content = [YAContentItem contentItemWithKeyValues:respon
浏览 12提问于2017-02-22得票数 1
我正在建立一个响应网站使用的主题微妙。它是用元标签构建的
<meta name="viewport" content="width=device-width; initial-scale=1" />
这给我的印象会把整个内容设置在屏幕上的宽度上。在我的手机上，我必须放大以使内容显示得更好。我试着把最初的标度值改为0.65，这让我的个人手机上的网站看起来不错，我正在开发，但在iphone 6或其他设备上却不太好用。
浏览 3提问于2015-05-29得票数 0
回答已采纳
2回答
我对IOS编程很陌生，我想在UITableViewCell中显示方形图像，比如iphones 5和6的尺寸是320x320或375x375。
这可以用一个xib文件还是两个不同的XIB来完成？
如果是2 XIB，什么是好的屏幕大小测试来注册正确的nib作为一个表视图单元格？
浏览 7提问于2015-05-11得票数 2
回答已采纳
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
2回答
在更新到Xcode11和iPadOS之后，我的视图是这样的：
在视图填满整个屏幕之前。
当我切换到iPhone布局时，问题消失了，但仍然存在于所有iPads上。
浏览 2提问于2019-09-20得票数 2
3回答
我在尝试调整HTML正文和页脚的宽度与用户屏幕一样宽时遇到了问题。在许多网站上，他们说document.body.clientWidth是用户的屏幕宽度减去工具栏，等等，但这似乎是错误的，因为我的屏幕宽度是1024，正如你在下面看到的，我做了一个测试环境，表明可用的屏幕宽度是1366，所以我的网站太宽了。
非常感谢
HTML：
<body id="body" onload="init();">
<p id="screenwidth">0</p>
<div id="footer
浏览 0提问于2011-02-06得票数 1
回答已采纳
2回答
嗨，这是我的css和html代码。有几个div。当浏览器的大小是最大值时，没有问题，但是当我将浏览器的大小改小时，div的位置就会改变。例如：<div id="cnrht"> id "cnrht" İçeriği Buraya Gelecek</div>在页面的右侧，但当浏览器变小时，它将位于其他div下，并在左侧。我如何编辑它。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Conte
浏览 3提问于2012-08-03得票数 0
回答已采纳
1回答
我在安卓Xamarin.Forms上做了一个按钮！我的目标是确保按钮的宽度和高度保持不变，无论设备屏幕大小！但是当我在两个设备上试用时，宽度和高度都增加了。
<StackLayout>
<Button Text="Click me" HorizontalOptions="Center"
VerticalOptions="CenterAndExpand"
WidthRequest="140&#
浏览 1提问于2022-06-02得票数 0
1回答
我已经构建了一个动态大小的网格布局，可以在任何大小的分辨率(电话、平板电脑、桌面)中合理地适应，并处理调整大小，同时接近像素-完美(对不起，我是强迫症-我说“接近”，因为我的数学现在是坏的，你不能在一个奇怪大小的容器内容纳两个大小均匀的元素，而不在一侧填充1倍)。
不管怎么说，下面是我和JavaScript一起黑的链接。这是我想要成功的一个例子。调整底部窗格的宽度，看看我要做什么。
它有一些丑陋的手动JavaScript，后来被移植到了角，但是计算所有样式的丑陋的JavaScript仍然存在。
所以我的问题..。我能用严格的CSS来完成这个任务吗？或者更多的CSS和更少的JavaScript
浏览 3提问于2013-03-27得票数 2
回答已采纳
2回答
宽度取决于高度
、、、
你能告诉我完成的html代码，它是一些矩形在它与“我的屏幕的宽度”和“宽度=4/3的高度”。所以，它应该是3:4的reс纠缠，其中高度取决于我的屏幕高度，但宽度不取决于我的屏幕宽度。仅限于屏幕高度。
我以为我理解了以前的时间，但事实并非如此。
我有这个：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascr
浏览 1提问于2010-04-15得票数 2
回答已采纳
在过去的几个月里，我一直在努力学习iOS开发。其中大部分相对容易，然而，有一件事对我来说非常困难。AutoLayout。在我掌握了约束之后，我认为这会很容易，但我在iPhone和iPad设备上很难让我的布局看起来很好。我可以很好地为iOS设计。最近，我正在开发一个应用程序，在ViewController中放置两个按钮。在iPhone上，我将按钮的约束设置为等于屏幕宽度(加上屏幕边距)，并为按钮设置一个合理的外观高度。在iPhones上，我的布局看起来很棒，但是在iPads (特别是最新的iPad Pro)上，事情看起来很可怕。全宽度按钮在iPhone上看起来很棒，但是在iPad上它们需要更小的
浏览 3提问于2016-01-13得票数 0
我正在建立一个虚拟网站的形状，但有一些问题的屏幕大小。
您可以从上面的图像中看到，当使用Chrome DevTools查看该网站在不同屏幕大小时的大小时，会出现一些大小调整问题。
我正在使用最新版本的Tailwind和Next.js，但我仍然得到了这个恼人的空白。
有什么解决办法吗？
浏览 3提问于2022-02-25得票数 -2
回答已采纳
3回答
网格中的列：
columnsDefs = [
{
headerName: 'Name',
field: 'name'
},
{
headerName: 'Age',
field: 'age'
},
{
headerName: 'Description',
field: 'description'
}
];
描述中的字符长度可能会有所不同。例如，一些行可能只有10个字符，而一些行可能有50个字符。如果我设置了列的宽度
浏览 6提问于2018-10-05得票数 1
回答已采纳
我没有这个问题的代码。然而，我一直在到处搜索，试图找到一种方法来检测一个访问者目前有多少个屏幕。我试图实现的是两个显示器之间的JS或jQuery幻灯片。我想最好的办法就是先弄清楚屏幕的数量和大小。
我还想做一个巨大的div，让它分散在两个屏幕上，但我认为这行不通。
抱歉，我没有提供任何代码，但我四处寻找，在网上找不到任何东西。
提前谢谢。
浏览 0提问于2012-11-18得票数 2
2回答
我愿意编写一个代码，使列表项(Li)在中间对齐，当我缩小或缩小它们的距离时，它们的距离会发生变化(所以它们总是停留在页面的中间)，但是当我放大或缩小它们时，它们保持它们的距离并从页面中流出--这里是我的lis的代码：
#inlinelist
{
display:inline;
padding:1px;
border:solid 1px;
margin-left:15%;
}
</style>
这是我和lis的ul
<div>
<ul style="list-style-type:none;
position:inheri
浏览 4提问于2014-04-16得票数 0
回答已采纳
7回答
我很难理解移动解决方案是如何工作的。据我所知，标准的网站移动分辨率是320px宽度。问题似乎出在iPhone 4上，它的屏幕分辨率似乎是640px，但它显示网页的分辨率却是320px。
这里的解决方案是什么？我要为320px和640px的屏幕编码2种不同的分辨率吗？如何强制iPhone 4显示640px的网页？
浏览 1提问于2012-02-19得票数 8
回答已采纳
这是一个drpal 7安装。
有没有一种方法可以应用他们在这个线程中讨论的相同功能？
https://stackoverflow.com/questions/10373349/height-and-width-of-background-picture-adapt-to-each-screen-size
而不是一张图像？例如，我有一个drupal 7安装。我在用骨架主题。我已经被客户要求有一个全屏图像滑块作为背景在主页。我给图像提供了1680 page样式，并使用$ block = module_invoke从自定义模板文件中调用了该块。这是正确的，但是，它显然没有调整到屏幕区域。如果我给di
浏览 0提问于2013-02-21得票数 -3
1回答
我正在为移动设备(主要是iPhone和安卓)开发webapps。但css不是设备px，它依赖于window.devicePixelRatio(2用于iPhone4S)。我们的设计师总是基于640x960的屏幕(iPhone4S屏幕)进行设计。所以我在css中使用的大小是设计中指定的大小的一半。当涉及到1个设备px边框时，css中的0.5px表示没有边框。我找到了两个解决方案(方框阴影和边框图像)，在网络上搜索后实现了1个视网膜px边框，但实现起来很丑陋。
所以我在视窗中将初始比例设置为0.5，现在我的css中的大小与网页设计相同，并且1个retina px边框很容易实现。
这是一个好的实践吗？
浏览 4提问于2014-02-23得票数 0
2回答
我想把机身的宽度做成屏幕的两倍。
例如，
如果屏幕(确切地说，窗口)的宽度是500px，
那么车身的宽度应该是1000px。
我只能使用HTML、CSS和Javascript
因为服务器既不允许我使用PHP，也不允许我使用其他程序。
那么，如何使用CSS和JS来实现呢？
浏览 1提问于2014-10-01得票数 0
1回答
目前，我已经有了这个网站tobyNews，它与Drupal 7一起运行。然而，在给这个站点提供一个移动版本的过程中，我想，如果您第一次访问该站点时显示的头版内容只是输出到另一个页面，比如m.tobynews.com，可能会更容易一些。有没有办法在不改变主页的情况下添加另一个输出？
浏览 0提问于2014-04-27得票数 0
回答已采纳
2回答
我有通用应用程序。子视图是位于视图内部的矩形。
我如何保持它的中心，并使它自动采用它的宽度取决于屏幕宽度？
例如：
浏览 6提问于2015-06-03得票数 0
回答已采纳
4回答
我正在尝试使用JS为div设置屏幕部署宽度，使用以下代码行： var cont = document.getElementById("content");
cont.style.width = (screen.width * 0.93)+"px"; 当使用100%的缩放时，它设置等于实际缩放的全宽度的百分比宽度。它返回1440，但当使用80%并重新加载时，宽度增加到1800。 我需要得到屏幕大小的部署，独立的缩放是使用。 ? 或者我应该使用缩放监听器？
浏览 129提问于2016-09-17得票数 1
回答已采纳
我最近从一个银河S6升级到一个银河S21超，现在AdMob自适应横幅广告将不会载入景观。在S6上，这很好，但在S21上，我得到了错误：
广告未能加载:1
我用来创建广告的代码如下：
private void NewAdaptiveBannerAd()
{
try
{
adAdaptiveBannerView = new AdAdaptiveBannerView();
adAdaptiveBannerView.Padding = new Thickness(0);
adAdaptiveBannerView.BackgroundCo
浏览 7提问于2021-07-04得票数 0
回答已采纳
2回答
我已经编写了一个JavaScript填充程序来实现srcset，但是我需要澄清指定的行为。
虽然srcset允许您指定宽度或分辨率的条件，但我无法确定是否可以同时指定两者。例如：
<img src="images/oh1x408.jpg"
srcset="images/oh1x192.jpg, images/oh1x408.jpg 420w,
images/oh2x192.jpg 2x, images/oh2x408.jpg 2x 420w">
这应该包括单分辨率和双分辨率，以及更小和更宽的屏幕。
我没有见过指定宽度和分辨率的例子。问
浏览 0提问于2015-07-16得票数 4
回答已采纳
3回答
我是Corona SDK的新手，我有一个问题，当我在屏幕顶部放置一个图像时，有一个空白空间，我如何使它消失？
谢谢!
浏览 29提问于2017-01-18得票数 0
2回答
我已经制作了一个脚本，在其中我检测到移动浏览器，如果是真的，那么JS函数getwidth将被调用，并根据访问者设备的屏幕宽度将访问者重定向到某个URL。我使用了基本的js检测方法，即screen.width来检测屏幕宽度。
我面临的问题是，不同的屏幕宽度是返回在不同的browsers.Like我有一个平板电脑(安卓4.0.3)，它的实际屏幕宽度是800px，当我在它上运行我的脚本默认浏览器然后它返回准确的屏幕宽度800px，但当我用不同的浏览器打开它然后他们返回不同的宽度，如UC browser返回740px (ISSUE 2: also when onload function i trie
浏览 3提问于2012-08-10得票数 5
我有两个div，如下：
流体宽度内容固定宽度内容
我正在尝试这样做，以便当可用屏幕宽度> 600px时，它们将并排出现。当屏幕大小调整到这一点以下时，第二个div需要降到第一个div的下方。在任何一种情况下，它们都需要占用所有可用的宽度(所以当第二个下降时，我不能在第一个的右边有一个200px的填充/空格)。
我相信使用JS和/或css3/media查询可以做到这一点，但我想知道是否有更简单的解决方案？
为了把它放在上下文中，我需要设计一个流畅的页面，它将通过iframe显示。我将无法控制iframe的宽度，因此需要我的两列内容是流动的。
浏览 0提问于2012-01-12得票数 0
回答已采纳
2回答
由于我的网站在小屏幕上看起来一点都不好，我想创建一个JS函数，当屏幕宽度小于或等于800px时，它会将我重定向到移动版本的页面。
下面是它的代码：
if (screen.width <= 800) {
document.location ="index_mobile.html";
};
如果代码正常工作，那么当我将浏览器窗口缩小到800px宽时，index_mobile.html应该会显示出来。但它现在还没有出现。有人知道这是怎么回事吗？
浏览 0提问于2012-11-03得票数 3
回答已采纳
3回答
到目前为止，我试图使用css显示背景图像，但是该图像没有显示在屏幕上。
这就是我迄今为止所做的：
import React from 'react';
import './LoginScreen.css';
const LoginScreen = ()=>{
return (
<div className="container">
</div>
)
}
export default LoginScreen;
*,*::before,*
浏览 2提问于2022-08-24得票数 0
我已经创建了一个jQuery UI Widget，它可以调整DIV/东西的大小以填充浏览器屏幕。这一切都很好，但现在我想创建unit tests来测试它的大小和保持边界等。
我正在使用Grunt和grunt-contrib-qunit，它使用PhantomJS进行测试，但现在不确定如何测试浏览器的大小，因为不能通过JS来调整浏览器的大小。也许PhantomJS提供了一些东西，允许我在运行时修改它？
浏览 1提问于2013-07-04得票数 1
在chrome中打开控制台(尽管如此)并在innerWidth + "|"+outerWidth + "|" + screen.width中复制，对于我来说，这将返回2133|1920|1920，显然innerWidth大于outerWidth.似乎这还不够奇怪，接下来我尝试在firefox中运行这段代码，它返回1920|1936|1920。显然，我的outerWidth大于我的屏幕大小。(所有屏幕通常都是最大化的)。奇怪的是，在“普通”页面上运行相同的代码(而不是堆栈溢出)会在chrome中返回1920|1920|1920，但是火狐仍然坚持我的outerWid
浏览 3提问于2014-03-18得票数 10
回答已采纳
1回答
当我将自适应卡作为邮件附件添加时，大小总是受限于某种数量，尽管消息本身要大得多。是否有一种方法来指定自适应卡的大小，或者强制它填充消息的宽度？
浏览 3提问于2017-07-20得票数 2
3回答
我试图在这里将这个JS/jquery/ajax应用程序屏幕居中，这样无论用户的屏幕大小如何，它都将保持居中。现在都是左对齐的：
无论我怎么尝试，它都不会居中。当我设法将最外层的div居中时，所有内部的东西都被搞乱了。
浏览 1提问于2013-09-04得票数 2
如何在用户改变浏览器大小时使并排不换行？
<div class="a">
<div class="gridrow">
<div class="griditem">a
</div>
<div class="griditem">b
</div>
</div>
.a{
background: black;
position: absolute;
top:10px;
width:100%;
}
.gridrow{
ba
浏览 4提问于2012-08-04得票数 1
回答已采纳
1回答
我试着用两种不同的格式呈现一张表格，这取决于屏幕的大小，我想知道什么是最适合这项工作的：
表格
Flex
网格
Flex与网格的结合
以上都没有，只是在类和ID中使用了大量的Divs。
该表的内容将通过节点JS后端上的js动态更新，并发送回客户端，因此我需要首先得到正确的结构和css。
我想在平板电脑和更宽的屏幕上实现这一点：
在移动屏幕上：
该表是直接在宽屏幕模式，但我不知道如何使Col2和Col4缠绕在一起。我怀疑在Col3前面移动Col2可以使用'order: 2‘Col3和'order: 3’为Col2使用Flex。
可以使用媒体
浏览 4提问于2021-12-04得票数 0
3回答
我目前在android演播室的设计上有问题。我想要创建UI，它应该看起来在每个设备上相同，但现在我不能正确地做到这一点。我使用的是约束布局，以下是截图：
对于Android屏幕大小4.7UI，如下所示：
对于Android屏幕7.0大小的UI，如下所示：
如图片所示，屏幕尺寸7的圆形图像非常小，而edittext看起来太差了。
如何在保持屏幕大小4.7这样的视图的同时支持两个或多个屏幕大小。
浏览 1提问于2018-08-16得票数 1
回答已采纳
1回答
我有我的网站的桌面版本，我想为移动设备做一个响应式的网站，但我从php文件中包含的我的一个页面的内容对于移动版本是完全不同的。我可以将桌面内容和移动内容放到一个文件中的DIVs中，然后使用display:none display:block，但对于较大的内容，这似乎不是符合人体工程学的方法。今天解决这样一个问题的标准是什么？我已经在互联网上搜索过，有一些解决方案是通过显示或js加载文件来回答人们的问题，但我要求更多的标准，一种符合人体工程学的方法来解决这个问题。如果我错了，请纠正我，但也许最好的方法是将所有内容都放在一个文件中，并使用css (显示代码)进行操作。
浏览 1提问于2016-06-16得票数 1
4回答
我正在尝试实现一个浮动的div，它可以自动检测用户的屏幕分辨率。如果分辨率低于1280，则会自动隐藏某个div。
我已经阅读了和，并尝试使用这些代码，但它对我不起作用。我正在使用wordpress并将js代码粘贴到</header>中。
我粘贴在标题中的代码如下：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(docu
浏览 1提问于2012-09-23得票数 3
回答已采纳
有没有办法知道javascript中的扩展屏幕？
通过screen.availWidth和screen.availHeight，你只能知道主屏幕的宽度和高度
浏览 4提问于2012-10-31得票数 0
嗨，我在网络应用程序中工作。我在里面有布局问题。在最大浏览器屏幕上。
每件事都运行良好。
但是，当我缩小屏幕尺寸并尝试一些导航和水平滚动时，我遇到了两个主要的布局问题。
水平滚动1.侧面导航栏与主要内容重叠。2.在浏览器屏幕的右侧获取空白。
单击导航菜单时，主要内容会向左侧跳转，并与侧面菜单重叠
<html>
<body>
<div id="app">
<div class="main-content">
<nav class="menu-fixed-top st
浏览 4提问于2019-08-13得票数 0
1回答
我熟悉响应性设计+ CSS。
但出于一些奇怪的原因，唯一不起作用的媒体查询是移动维度风格。
我使用铬监测什么样式正在被应用，它只加载最小设备宽度样式。
有人知道为什么会这样吗？
我的索引文件中也有以下内容。更新
<link href="styles.css" rel="stylesheet" type="text/css">
@media (max-device-width: 480px){
/* Styles */
#profilebody_avatar
{
width: 10em;
}
.profilebody_name{
fo
浏览 3提问于2014-01-30得票数 0
回答已采纳
我有一个函数，它告诉用户屏幕的当前宽度是什么，但是当我将窗口调整为宽度小于1024时，该函数的输出宽度不会小于1024
function xxx(){
var x = window.screen.Width
console.log(x)
}
setInterval(xxx, 1000)
产出：
1024
即使屏幕宽度小于1024，如何在不使用@media请求的情况下修复此问题？
已试过：
window.screen.innerwidth
浏览 10提问于2022-05-27得票数 2
3回答
我在一个菜单上有一个js脚本的问题。我有相同的菜单，但风格不同的pc和较小的版本。我希望这个脚本只在屏幕小于x宽度时影响菜单。我如何才能做到这一点？这是我的脚本 var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
var dropdown
浏览 9提问于2019-04-24得票数 0
回答已采纳
我正在构建一个iPhone应用程序，故事板如下所示：
请注意，故事板中的视图是笨拙的方形。我不知道是什么导致了这一切，所以我就这么做了。
我把我的应用程序设置为iPhone专用和肖像专用。
不过，当我在手机上构建应用程序时，屏幕上的部分视图被关闭了，因为我的手机形状不像我正在构建的界面。
有人知道怎么解决这个问题吗？
浏览 3提问于2015-05-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
