确定浏览器的屏幕宽度
是指通过浏览器提供的API或JavaScript代码来获取当前浏览器窗口的宽度。这个信息对于响应式网页设计和移动端适配非常重要。
浏览器的屏幕宽度可以通过使用window.innerWidth属性来获取。这个属性返回的是以像素为单位的整数值，表示浏览器窗口的宽度，包括滚动条和其他边框。
在前端开发中，可以利用浏览器的屏幕宽度来实现不同屏幕尺寸下的布局调整和元素显示隐藏等操作。例如，可以根据屏幕宽度来决定是否展示移动端导航菜单、调整图片尺寸、改变字体大小等。
在移动应用开发中，浏览器的屏幕宽度也可以用于适配不同设备的界面布局。通过获取屏幕宽度，可以根据不同的设备尺寸来调整界面元素的大小和位置，以提供更好的用户体验。
腾讯云提供了丰富的云计算产品和服务，其中与浏览器屏幕宽度相关的产品包括：
- 腾讯云移动浏览器分析（Mobile Browser Analysis）：提供了浏览器分析的功能，可以获取用户使用的浏览器类型、版本和屏幕宽度等信息，帮助开发者了解用户的设备特性，进行更好的移动端适配。产品介绍链接：腾讯云移动浏览器分析
- 腾讯云移动推送（Mobile Push）：通过推送消息到移动设备的方式，可以根据用户的设备特性和屏幕宽度等信息，向用户提供个性化的推送内容和服务。产品介绍链接：腾讯云移动推送
以上是腾讯云提供的与浏览器屏幕宽度相关的产品，可以帮助开发者更好地理解和利用浏览器屏幕宽度信息。
相关·内容
我有一个移动优化的网站，它使用了一个非常简单的技巧，即根据浏览器的宽度提供不同的页面。这很有效，直到Droid出现，它有非常高的像素密度屏幕。
我知道屏幕的默认设置是800像素宽(比我的宽度检测脚本要宽得多，后者决定以500像素显示哪个页面)。然而，Droid浏览器似乎随意决定报告较小的宽度，因此服务于较小宽度的页面。但不是在一个可预测的庄园里。
因此，终端用户的体验完全是随机的:有时他们会看到一个必须放大的宽页面，有时他们会看到一个恰好缩放到窗口的页面。
我已经写了一个小脚本来报告屏幕宽度，即使在强制视口到特定像素大小时，我也让一些用户报告800像素的宽度(甚至在垂直方向上)，而另一些用户报
浏览 0提问于2009-11-26得票数 5
1回答
相对定位下拉菜单
、、
我正在为一家公司建立一个网站，并有一个艰难的定位时间。我希望下拉菜单根据它们在屏幕上的位置向左或向右定位。这是当前发生的事情的屏幕截图：
此外，如果你想看一看现场的网站，一个到演示的链接。
任何帮助都将不胜感激。
谢谢!
编辑:不要抛出另一个令人困惑的元素，但这个特定的站点是响应性的。当我缩小到Ipad大小的屏幕时，问题变得更严重了。
浏览 0提问于2012-07-18得票数 1
回答已采纳
我需要在WebBrowser控件中显示一个html字符串，但它可以是可变长度的，并且不是屏幕上唯一的东西。因此，我需要能够设置与消息的实际内容相对应的宽度。
WebBrowser具有属性ActualHeight，但这不会产生任何结果。此外，一旦它被正确显示，我不希望它滚动，因为用户可以将它完全滚动到屏幕之外。
有什么想法吗？
浏览 0提问于2011-01-14得票数 4
回答已采纳
我正在尝试使用img标记创建一个简单的网站，它将使用新的srcset属性。其主要思想是根据屏幕分辨率改变图像(src)。
问题在于sizes。正如您所看到的，现在是100‘t，但是它不能正常工作。对我来说，它将img的大小调整为屏幕的80%，而不是100%。最好的是，当我用CSS为img标记width: 100vw编写时，它将调整到屏幕的100%大小。
有人能帮我吗？也许我做错了什么？
浏览 3提问于2015-02-26得票数 3
回答已采纳
我正在探索JavaScript中的内置对象，并编写了以下代码来查看它们在Chrome中的返回值。
console.log(window.innerWidth);
console.log(window.screen.width);
据我所见，我正在阅读的这本书，Mozilla在这些属性上的文档，以及评论中链接的问题，innerWidth将显示viewport本身的宽度值，而没有任何浏览器界面，屏幕宽度应该显示我的计算机的全屏宽度。
然而，无论我如何调整Chrome窗口的大小，它们在控制台中都显示相同的innerWidth值。当我调整窗口大小时，屏幕宽度会发生变化(我认为这是innerWidth独
浏览 0提问于2018-06-03得票数 4
1回答
我需要帮助，在html 5页的android和iphone。它应该包含在屏幕底部5%的两个链接。我尝试通过放置一个绝对位置和底部5%的表或div来使用CSS。但是当虚拟键盘出现时，这个decoupled链接在虚拟键盘之上，当站点返回时，它就消失了。我试图不使用绝对位置和位置在页脚标签，并提出了同样的问题。如果它是一个本地的安卓项目可以使用: android:windowSoftInputMode="adjustNothing"，但我不能使用它，因为它是一个网络项目。我有许多项目上的这些链接，应该得到以下屏幕：
边缘-顶部: 20%的img标志(80%的屏幕宽度)
页边-顶部:
浏览 9提问于2013-01-23得票数 0
1回答
我在Firefox中有内联-block属性，可能在IE中也有。我期待着和我在Chrome中得到的一样的结果。
Chrome桌面屏幕截图
Chrome和Firefox平板电脑(我必须在平板电脑视图中将"A“和"BC”放在一起)
这是Firefox桌面视图的一个问题。如你所见，E在屏幕截图中是不可见的。我在谷歌上搜索了一下，但没有找到解决方案。
HTML
<div class="text-center">
<div class="text">
<div class=&
浏览 2提问于2015-09-15得票数 1
我得到了这样的窗口和屏幕尺寸：
$(window).load(function() {
var width = 0;
var height = 0;
var screen_width = 0;
var screen_height = 0;
width = $(window).width();
height = $(window).height();
screen_width = screen.width;
screen_height = screen.height;
});
在Chrome里一切都很好。在火狐和IE11的尺寸只有1600x900最大！屏幕的宽度和高度都是最大的，而且不会为192
浏览 1提问于2014-03-19得票数 0
3回答
我想要创建一个这样的web应用程序？ ? 我已经有了一个移动应用程序，如何在大屏幕上像这样显示我的移动应用程序？ 在大屏幕上，我想要一个移动设备，然后在其中运行移动应用程序。 This is the link for the website shown in image 我希望我的网站像这样工作，我如何才能实现它？ 我已经有了一个使用ionic制作的移动应用程序，我想要的是将该应用程序用于大屏幕，就像这个网站使用的那样。
浏览 33提问于2020-06-23得票数 0
回答已采纳
1回答
我有一个如下所示的页面布局...
我需要的是，无论屏幕有多宽，两个粉红色列的左边缘总是对齐。边栏容器总是300px宽，
谢谢你的帮助
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<div id="toolbar">
浏览 1提问于2012-07-02得票数 0
有没有可能让<article>及其内容停留在页面的中心？
这是我的网站的链接：
当你访问一个网站时，文章通常在页面的中心，但在我的例子中，只有当文章的宽度与屏幕相同时，文章才会留在中心。
如何才能使页面的浅蓝色部分即使在减小宽度时也保持在中心位置？
浏览 0提问于2014-03-07得票数 0
3回答
我正在尝试创建一个跨越屏幕宽度的页脚。它嵌套在body标记中(通过使用自动左/右边距居中)，该标记的宽度为825px，因此我将其取出并嵌套在html标记下，从而消除了宽度限制。
不过，现在看起来，footer元素与位于左下角居中的body标记对齐。我希望它从屏幕的最左边开始。
我必须做什么才能让footer元素从左到右跨越整个屏幕的宽度？
浏览 0提问于2012-01-11得票数 0
回答已采纳
我想在silverlight应用程序中访问客户端桌面的显示属性，并根据客户端机器上设置的内容修改应用程序布局。当我们在桌面上右击并选择属性时，我们会看到显示属性对话框。我想从这里访问外观和主题属性。我必须检索外观属性，如字体、主题等，并将它们应用到我的silverlight应用程序中。我也不确定这是否可以在一个普通的web应用程序中完成。
我试着用谷歌搜索它，但除了用于调整大小的代码外，什么都找不到。但我不仅想访问屏幕的宽度和高度，而且还想访问外观设置。
任何帮助都将不胜感激。
谢谢:)
浏览 1提问于2009-05-26得票数 1
在我正在处理的脚本中，我将反馈表单的标记附加到正文中，然后使用jQuery将该元素( DIV)放在屏幕中央。在下面的代码示例中，form_code保存了我的表单标记。为#feedback_form定义的CSS样式显式定义了宽度。但是，在追加后立即调用的width()计算是错误的，返回的尺寸几乎等于页面的整个宽度。
如果我用控制台提醒宽度，即使是几秒钟后，它也能正确计算。以前从来没有遇到过这种情况，有人能解释一下吗？
jQuery('body').append(form_code);
alert(jQuery("#feedback_form").css("
浏览 0提问于2011-02-16得票数 6
回答已采纳
1回答
我有一个使用can的动画幻灯片，我不知道如何根据窗口大小调整滑块的大小，目前无论浏览器屏幕大小如何，它都保持相同的大小。
以下是滑块代码：
@-webkit-keyframes slider {
...
div#slidercontainer {
position: relative;
border-left:150px solid white;
overflow: hidden;
background: #000
}
div#slidercontainer {
width: 900px;
height: 400px;
}
div#sider img {
w
浏览 0提问于2015-02-08得票数 0
我想建立一个网站，看起来完全相同的所有屏幕的宽度，这意味着整个网站将缩放根据屏幕的，或更准确地说，视口的宽度。
这是相对容易做的SVG图像，我有所有的图像正确缩放根据视口的宽度。视口的宽度是参考点，所有图像都从该参考点缩放。然而，文本的参考点在任何桌面浏览器和iPhone的Safari中都是不同的(我假设是任何移动浏览器)。
根据我的研究，文本大小不同似乎有两个可能的原因:默认CSS的不同或呈现引擎的不同。由于我在Chrome的默认CSS或Firefox的默认CSS上找不到任何像素大小的文本引用，因此我假设此设置来自渲染引擎。
我的IP是动态的，所以我不能提供一个实时的例子，但这里是用和比较同
浏览 0提问于2013-02-08得票数 0
在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
回答已采纳
有没有一种方法可以检测浏览器和屏幕分辨率，调整包装器高度和显示滚动，尝试下面但不起作用，
<code>A0</code>
浏览 26提问于2020-08-04得票数 0
有没有办法知道javascript中的扩展屏幕？
通过screen.availWidth和screen.availHeight，你只能知道主屏幕的宽度和高度
浏览 4提问于2012-10-31得票数 0
1回答
跨浏览器问题响应设计
、、、、
在提出这个问题之前，我想先描述一下我想要解决的问题。
我有一页是用引导程序制作的
需要这样做，以便在浏览器页调整大小时，我为左边菜单(屏幕快照的左边部分)使用的引导程序左侧选项卡将变成一个引导折叠菜单(屏幕快照的右边部分)。
截图在这里：
但问题是，它们应该有不同的html代码和引导类。这就是为什么我编写了一个jquery代码来添加和删除必要的标记和类。例如，当浏览器处于全屏时，我的html代码应该如下所示：
<div class="tabbable tabs-left">
<button type="button" styl
浏览 2提问于2013-07-02得票数 3
在创建网站设计时，提供固定内容宽度是唯一真正的选择吗？
我注意到大多数主要网站(包括这个网站)都将所有内容放在一个固定的宽度中，这确保所有元素在所有屏幕尺寸上看起来都是正确的。
我想我已经知道这个问题的答案了，但是一位同事似乎认为永远不应该有水平滚动条，网站应该根据用户的屏幕宽度调整大小。我的论点是，文本可以调整大小，但其他元素(按钮、文本框等)不能，因此固定宽度是唯一的选择。
我喜欢你的每个方面的意见。
确定固定宽度是保证在所有浏览器上正确布局的唯一方法吗？
浏览 0提问于2010-10-20得票数 2
回答已采纳
我有一个函数，它告诉用户屏幕的当前宽度是什么，但是当我将窗口调整为宽度小于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
我正在尝试动态地设置div高度，屏幕的其余部分位于我的标题下面。我的代码工作在铬等，但在IE的偏移量()，.top值是不正确的，高度不等于屏幕的其余部分。我在页眉后面设置了页眉占位符div，然后在页面底部设置了页脚占位符。检查元素时，两个占位符div位于正确的位置，但高度计算错误。 请帮帮忙。 我尝试过使用jquery offset().top和普通的javascript offsetTop。这两种浏览器在其他浏览器中都能正常工作，但在IE中就不行 alert($('#ftr-plcHldr').offset().top);
alert($('#hdr-end'
浏览 4提问于2019-08-29得票数 0
回答已采纳
问题真的说明了一切。我希望能够显示实际大小的内容，例如，如果某个内容在浏览器中显示为20厘米，我希望能够测量它并将其实际显示为20厘米。
到目前为止，我遇到了一些解决方案，它们考虑了屏幕的对角分辨率(例如21.5英寸)和屏幕分辨率来计算像素的大小。
另一种方法是要求用户将标准大小的卡(如银行卡)放到屏幕上，并测量边缘以计算大小。
有没有一种方法可以在屏幕上没有物理对象或者用户不需要知道他们的对角线屏幕尺寸的情况下做到这一点？
也请让我知道，如果你知道任何不同的解决方案，除了我提到的那些。
浏览 0提问于2011-07-26得票数 13
回答已采纳
3回答
当我尝试制作一个响应屏幕大小的web应用程序时，我遇到了一个问题。
我有css，我想用在智能手机上(iPhone，Andriod，黑莓，windows phone)，还有CSS，我想用在平板电脑上。
我的测试设备是iPad 3(768x1024)和黑莓10 (768x1280)。宽度相同是个问题，因为我的css开头是：
@media screen and (max-width:768px){
//enter code here`code here
}
因为黑莓的分辨率稍好一些，所以它呈现了我不想使用的CSS。有没有其他方法可以检查媒体类型？我想知道是否有一种方法可以用可测量的距离(厘米
浏览 0提问于2013-04-17得票数 4
回答已采纳
1回答
移动web布局不一致问题
、、、、
我已经尝试配置以下页面，使页面的宽度适合设备的屏幕尺寸：
我用来配置它的html如下所示：
然而，当在iPhone中打开页面时，该页面在iPad上的呈现效果与预期的一样，而在iPhone上则不然，页面总是太大，因此它超出了屏幕的宽度，因此右侧被裁剪。
我没有正确使用视口配置吗？
我也有一个类似的页面，在dom中有更多的电影细节对象，并且它在iPhone：上可以适当地调整大小。
浏览 0提问于2014-10-03得票数 1
如果访问者使用的是小屏幕，我想让我的网站上的一些字体变大。理想情况下没有jquery，因为我想在页面加载的早期完成这项工作，并且我不想在稍后才加载jquery，以便更快地加载。
我想到的最好的办法就是检查屏幕的大小。但这远不是完美的。iphone4的尺寸相对较大，但屏幕较小，而一些旧的上网本可能分辨率较小，但屏幕较大。我想我真正想要的是屏幕"DPI“的一些变体。
如果有某种css方式说“在小屏幕上做这件事，否则在大屏幕上做那件事”，那也是可行的。
浏览 0提问于2011-03-20得票数 2
回答已采纳
我想要它真的适合整个屏幕，不管分辨率如何。
这样做是明智的，还是需要通过媒体查询为每个决议设置px？
浏览 5提问于2013-08-21得票数 1
回答已采纳
2回答
我需要做的是:如果页面尺寸(不是屏幕尺寸)大于2400px，则表格宽度为50%，否则为100%。 @media only screen and (min-width: 2300px) and (max-width: 2500) {
.tblMemberInfo {
width: 50%;
}
} 我尝试使用上面的CSS，但它不起作用。
浏览 26提问于2019-02-27得票数 1
2回答
我笔记本电脑屏幕分辨率为1366*768像素，平均屏幕宽度为1366像素，高度为768像素，如果我有一个具有css属性的网页，当我将屏幕分辨率设置为1366*768时，这是固定的
@media screen and (max-width:1366px){
//css1
}
@media screen and (min-width:1361px) and (max-width:1500px){
//css2
}
这意味着如果设备屏幕的width为1366px或更小的css1将应用于页面，如果屏幕大于1366px，则将应用css2。因此，对于我的笔记本电脑屏幕，应该应用css
浏览 1提问于2016-11-10得票数 0
我需要为iphone/android手机开发一些html页面，但是max-device-width和max-width有什么不同呢？我需要使用不同的css为不同的屏幕尺寸。
@media all and (max-device-width: 400px)
@media all and (max-width: 400px)
有什么关系呢？
浏览 4提问于2011-07-19得票数 247
回答已采纳
1回答
我是新的基于分区的页面布局。我的问题是，我们应该使用百分比还是固定像素来设计基于div的页面布局？
如果是percentage，那么跨浏览器的兼容性如何？
如果像素是固定的，那么不同的屏幕分辨率呢？我们应该选择什么样的屏幕分辨率？
另外，我们的决定应该以什么为基础？
浏览 0提问于2010-10-20得票数 2
回答已采纳
这不是一个重复的问题，因为我不想专门针对iPhone 6，我想针对所有的智能手机和迷你平板电脑、 icluding the iPhone 6、7、8等以及Android等
我试图找到一个有用的CSS媒体查询来检测智能手机。因此，我在想，由于iPhone 6上的px屏幕分辨率与像素比为1的桌面屏幕上的分辨率几乎相同，所以以下内容非常适合：
@media (max-device-width:16cm){ /* I need the PHYSICAL device width */
...
}
但是，我不确定这是否总是相互转换为529.2px (1cm == 37.8px)，还是真的尊
浏览 2提问于2015-01-30得票数 2
1回答
我目前正在开发一个主要针对更新的iPhones (4+)的网站的“移动版本”，这是我第一次这样做。我在iPhone 4S上测试，据我所知，该设备的屏幕分辨率为640x920 (当屏幕处于“纵向”方向时)。我把网站上的所有东西都放在一个600px宽的容器里，尽管当我在手机上查看它时，它似乎默认显示为“缩小”状态，即我仍然可以在屏幕上看到大约1000-1200像素的内容。
我假设iPhone以这种方式显示站点，因为许多站点不是为了适应它较小的分辨率而构建的？我是不是漏掉了什么？我是不是设置了什么来告诉设备以实际分辨率显示站点？
浏览 3提问于2013-01-10得票数 1
回答已采纳
1回答
澄清：
所谓浏览器全屏，我指的是浏览器窗口，而不是DOM窗口。
我不想要jQuery的答案。
我真的不想使用setInterval()方法--我正在寻找类似于document.addEventListener('browserFullScreen', doStuff())的某种事件侦听器。
我知道，如果通过全屏，就可以检测到dom窗口--但这是针对真正的全屏的--即F11。我需要一种方法来检测用户是否会在屏幕周围拖动浏览器窗口，然后“抓取”它到屏幕的顶部，然后导致浏览器窗口转到全屏。
任何帮助都将不胜感激。
浏览 3提问于2017-04-20得票数 0
回答已采纳
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
回答已采纳
我猜是因为你可以通过媒体查询做到这一点：
@media (min-width:500px) { … }
在某个时刻，CSS样式表必须知道屏幕的宽度，而不是Javascript。
真的是这样吗？
浏览 5提问于2011-08-13得票数 4
回答已采纳
1回答
如何正确使用媒体查询？
、、、
我在3个HTML5响应式网站工作，他们都需要适应设备。到目前为止，我了解了媒体对小型设备的查询，我看到了很好的分数，320px，375px，425px，480px，768px，1024px。现在“问题”来了，就是更大的屏幕。我仍然没有什么疑问，例如在我工作的办公室，他们有非常大的屏幕2560px，但我应该如何编写正确的查询？我有一台11“macbook，我的同事也有一台更大的13”，主页以不同的方式显示。我是否还应该设置max-width 1680px、max-width 1920px和max-width 2560px？我在谷歌上看到，这是最常见的大屏幕，当我回到办公室检查时，显然是“工作”了
浏览 9提问于2016-09-27得票数 2
回答已采纳
4回答
主要思想
我有一个为不同屏幕定制css文件的网页。经过大量搜索和使用没有错误的响应模拟器测试人员之后，一些iPhone用户抱怨页面样式损坏。
代码基础
页面有2个定制的CSS文件，用于更大(>960 has )和更小(<=960px)屏幕。
我有一个元标签：
<meta name="viewport" content="width=device-width, initial-scale=1">
试验和结果
在浏览器上测试较小的屏幕(甚至降低到260 no的宽度)没有问题。还验证了CSS 。
这是一些新更新的iPhone 6浏览器的外观(
浏览 3提问于2017-09-14得票数 1
回答已采纳
1回答
我正在尝试使用CSS @media标记为移动设备设置相应的web应用程序样式。
我可以使用两个移动设备来测试这个开发: Nexus和一个旧的iPod Touch，这两个设备都有低分辨率屏幕。
在声明自己的元标题时，我选择了target-densitydpi=device-dpi，让它看起来像薯片，而不会受到太多的骚扰，否则屏幕上就会出现奇怪的线条和东西(使用android浏览器)。
现在我担心的是，在新设备上，具有超高DPI的高分辨率设备上的东西会显得极其微小。
我在这里搜索和阅读各种查询，但我不太明白我在这里需要做什么。
我可以缩放图像2x，3x，4x等等，这是没有问题的，但我的一些块级元素
浏览 1提问于2013-02-15得票数 1
回答已采纳
1回答
我使用下面的代码，以便只在大屏幕上显示某些元素：
.forkit, .forkit-curtain {
display: none;
}
@media only screen and (min-width: 1400px) {
.forkit, .forkit-curtain {
display: block;
}
}
但是当屏幕为1300px时，元素才会显示，只有当宽度为1250px时才会隐藏，因此媒体查询min-width 1400px也适用于屏幕尺寸稍小的情况，这是一种不好的行为。
我不知道为什么媒体查询的屏幕尺寸不好。这是怎么回事？
谢谢
浏览 1提问于2013-02-19得票数 0
我一直在尝试调整srcset和sizes以响应映像，并加载最合适的图像，以避免在不需要重映像时加载它们，但我在这样做时遇到了问题。
第一个场景:只使用srcset属性：
<img
srcset="
/box@2x.png 1400w,
/box@1x.png 700w
"
>
浏览器应该根据视口宽度/大小和DPR选择最合适的图像进行渲染。因此：
1920 DPR和DPR 1的box@2x.pngViewport 视口宽度应采用box@1x.png，而的视口宽度为580 DPR，DPR 2应采用box@2x.png，而DPR 2应采用box@1x.pn
浏览 2提问于2022-05-25得票数 0
4回答
我是网络开发的新手。数学也很差
我想知道像素是如何在网页上从一个屏幕大小转换成另一个屏幕大小的。例如，我指定页边距左:50 Say；
如果我在我的ipad web视图中加载这个网页，我测量它(使用尺子软件，在px中)如果我在我的桌面浏览器中加载这个网页，它确实是50 px，但是当我在我的iphone webview中加载这个网页(它需要整个iphone屏幕)时，它被测量为40 px，而不是我指定的50 px。
确信iphone屏幕更小，它需要做一些缩放，我想.？是吗？，，这个转换是怎么完成的？这个过程是什么？有某种公式吗？，，这对设计师来说意味着什么？我如何知道应该分配的大小，这样布局就不会在
浏览 1提问于2012-03-23得票数 1
回答已采纳
这是我第一次使用@media。简单地说，我想做的就是只在屏幕尺寸大大变小的时候应用下面的样式。以下是几种风格：
td { border: 0.5px solid #0071bc; }
tr{padding-bottom: 0.5em;}
tr td:first-child { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-top-width: 0.2em; }
tr td { border-left-width: 0.2em; border-right-width: 0.2em; }
tr td:l
浏览 0提问于2013-12-05得票数 0
回答已采纳
我想知道CSS语言使用的%到底是什么意思。我有两个问题来理解这个过程：
为什么我们必须改变不同设备分辨率的值(例如，如果我想在屏幕中间放置一个元素，为什么margin-top: 50%;不适合所有情况)？
在子进程(如position relative和absolute进程)上应用%时，有没有办法使用容器作为引用？
浏览 0提问于2013-04-15得票数 1
2回答
从移动设备查看站点时文本行外
、、、、
我最近为我的一位首批客户创建了这个网站。目前，我似乎找不到在移动设备上浏览时，每个标题下的文本稍微向左移动的原因。(使用galaxy nexus)
页面上的其他所有内容都显示得很好，我一直在尝试确定问题，但没有成功
我希望栗色标题下的文本以其全宽显示，这是整个包装容器的60%，文本也应该相对于栗色线居中显示，就像它在正常屏幕大小上所做的那样，因为每个.info标签都有一个边距:0自动；属性
感谢任何帮助，即使这不是一个致命的设计错误，干杯
浏览 2提问于2012-07-18得票数 0
回答已采纳
如何为BrowserComponent设置自定义高度，以便能够在窗体中嵌入两个浏览器组件？
例如，我需要一个高度为50 of的BrowserView，另一个填充屏幕的其余部分。我试过使用可用的布局..。但无论哪种情况，都会显示一个浏览组件填充整个屏幕。
我能做什么?非常感谢!
浏览 3提问于2019-10-30得票数 1
回答已采纳
1回答
我在创建HTML表时遇到了问题。这是一个很宽的表格，大约有44列，如果它延伸到用户屏幕的右侧(我希望它延伸到右边)，也没问题。
我试图通过为每个表头提供三个类中的一个来为我的每一列提供三个宽度中的一个：
.c_th_small {
width: 60px;
}
.c_th_medium {
width: 100px;
}
.c_th_large {
width: 500px;
}
我将这三个标签中的一个放入我的表头单元格中。但只有当我给整个表一个Width属性时，它们才会调整我的列的大小。如果我让我的桌子真的很宽，那么这些就会起作用，但它们会与表格宽度发生冲突。
浏览 1提问于2012-05-13得票数 0
回答已采纳
一般来说，我希望我的身体直径是窗口大小的60%。但也有一些例外。
在一个大型显示器上，它太大了，所以我设置了一个800 max的最大宽度，如下所示：
#lbp-text-body {margin-top: 100px; width: 60%; max-width: 800px; text-align: justify}
这是相当好的工作，文本调整在一定的范围内，但在一定的最大阈值保持它的形状。
现在，我想做一些类似的小窗口大小。
我添加了“最小宽度:300 of；”，这似乎通常会覆盖宽度60%，但是，如果屏幕大小小于300 of，则用户必须水平滚动才能看到部分文本。
我更希望实际宽度大小改变9
浏览 5提问于2015-07-14得票数 2
回答已采纳
2回答
所以我试图为RC汽车做一个控制器，它可以在任何大小的屏幕上工作，我计划让应用程序的页面有上、下、左、右，中间有一个停止，所以有点像电视遥控器的样子。我是较新的html和css，只是不确定什么是最好的方式去做这件事。我想要按钮自动安装到屏幕上，并填充它。任何建议都会很好。
浏览 2提问于2014-06-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
