徽标在实际的移动设备上不会正确显示[但在更改桌面屏幕大小时会显示]
徽标在实际的移动设备上不会正确显示，但在更改桌面屏幕大小时会显示。这个问题可能是由于不同设备的屏幕分辨率和显示比例不同所导致的。
解决这个问题的方法有以下几种：
- 响应式设计：使用响应式设计的技术，通过媒体查询和流式布局来适应不同屏幕大小和设备类型。这样可以确保徽标在各种移动设备上都能正确显示。推荐腾讯云的Web+产品，它提供了响应式设计的支持和自动适配功能。具体产品介绍请参考：腾讯云Web+。
- 使用矢量图形：使用矢量图形格式（如SVG）而不是位图格式（如JPEG、PNG）来制作徽标。矢量图形可以根据屏幕大小进行缩放而不会失真，因此在不同设备上都能正确显示。推荐腾讯云的COS产品，它提供了可靠的对象存储服务，可以存储和传输矢量图形文件。具体产品介绍请参考：腾讯云对象存储（COS）。
- 使用媒体查询：在CSS中使用媒体查询来根据屏幕大小和设备类型应用不同的样式和布局。通过设置适当的CSS规则，可以确保徽标在各种移动设备上都能正确显示。推荐腾讯云的Serverless产品，它提供了弹性伸缩的云函数服务，可以根据请求的设备类型返回不同的页面。具体产品介绍请参考：腾讯云Serverless。
总结： 对于徽标在实际的移动设备上不正确显示的问题，可以通过响应式设计、使用矢量图形和媒体查询等方法来解决。腾讯云的Web+、COS和Serverless等产品可以提供相应的支持和解决方案。
相关·内容
3回答
将登录表单放在页面右侧。
、、、、
这是我的。尽管我在适用这条规则
#login {
float: right;
}
表格将停留在主板链接旁边。在移动设备中，这不是问题，因为所有东西都会显示在一列传真中，但在桌面中，我希望徽标位于最左边，文本框和领导板位于中间，登录到最右边的位置。
我遗漏了什么？
注意，对于实际的徽标，一切都很好(关于徽标)，所以忽略链接徽标在示例中的丑陋效果。
浏览 4提问于2015-09-09得票数 4
回答已采纳
网站徽标未正确显示在物理移动设备上，我使用的是iPhone X。但是，当更改桌面版本的屏幕尺寸时，徽标会相应地进行调整 我正在修改主题，所以请耐心等待。我已尝试使用max-width标记修改大小 自定义CSS中的代码： @media (max-width: 767px){
#logo .retina-logo {
height: 35%;
width: 45%;
margin-top: -2px;
}
}
@media (max-width: 600px){
#logo .retina-logo {
height: 90%;
width: 60%;
浏览 27提问于2019-05-25得票数 0
回答已采纳
我在一个网站上工作，这个网站使用了大量的嵌入式SVG，而不是通过<img>标签来链接它们，因为这会加快加载速度。它们中的大多数都非常简单，单色，并且不会移动。由于我们的徽标也是作为SVG制作的，所以它也作为HTML嵌入到页面中。 有一天，搜索控制台开始在桌面上报告CLS问题，但在移动设备上没有。我在本地测试了它，但我看不到任何布局变化，也找不到原因。我继续用https://developers.google.com/speed/pagespeed/insights/和https://layoutstability.rocks/测试页面，两者都报告了相同的情况，桌面上的日志服务，而
浏览 23提问于2020-08-12得票数 4
3回答
网页: www.mathias-syversen.net
你好，这是我的第一篇帖子，所以请见谅！我试图制作一个移动友好的网页使用@媒体查询来检测屏幕大小和设备。
问题是，如果我让查询与移动操作，它也适用于桌面版本。可能是因为最大/分钟宽度太大，无法补偿高分辨率的新智能手机。
@media屏幕和(最小设备宽度:420 or )和(最大设备宽度:768 or)只适用于iPad，而不适用于桌面或安卓移动设备。
尝试了最大屏幕宽度和最小屏幕宽度的不可数组合，每次在移动(android)上工作时，它也适用于桌面。
如果我试图检测像素比，它可以在智能手机上工作，但也适用于桌面(至少在OS上，可能是因为它有
浏览 2提问于2014-04-15得票数 1
我在Beagleboard上的Angstrom上运行GNOME，当设备启动时有问题，我正在运行来自的2013-06-20映像。
电源打开，屏幕将显示Beagleboard徽标，并继续启动。屏幕变黑了，但屏幕不是加载到桌面上，而是显示没有来自设备的输出(我已经尝试了几个以确保)。但是，如果我移动鼠标/按键盘上的一个键，它就会醒来并显示桌面。
还有其他人经历过吗？有没有办法防止这种“睡眠模式”(我怀疑这是什么，这只是我能想到的描述这个问题的最好的说法)发生，只是启动和显示桌面？
干杯。
浏览 3提问于2014-01-08得票数 0
回答已采纳
在窄桌面浏览器上的登录屏幕：
在移动设备上的登录屏幕：
双方有相同的宽度和高度和完全相同的CSS-代码。
为什么它看起来不同，我怎么能改变它呢？
如果我尝试用
@media screen and (max-width: 520px){ ... }
要改变div的宽度，它在移动设备上看起来更好，但在桌面上则不同，更糟。
浏览 4提问于2021-10-08得票数 0
回答已采纳
2回答
我有一个网站，允许用户在网上购买食品杂货。当有人点击某一产品时，一辆购物车会滑进来，以显示数量、价格和产品名称。这在桌面设备上运行得很好，但在移动设备上，当购物车滑入屏幕时，它就覆盖了大部分屏幕。我想改变它，以便如果一个用户是在移动，购物车动画不运行。
我的javascript代码：
$(document.body).on('click', '.cartButton', function(){
addToCart(); // function to add item to cart
openCart(); // function to run
浏览 3提问于2017-04-22得票数 1
回答已采纳
我有一个漂亮的Bootstrap表单，它的工作很好，对移动设备的响应也很漂亮。然而，一些表单字段在移动屏幕上时会变得太窄。
例如，这里有一些来自桌面版本的字段，这很棒：
这是该表单的相同部分，但在移动视图中：
如您所见，字段变得有点窄。我更喜欢表单将这些字段以100%的宽度包装到它们自己的行上。在Bootstrap中有办法做到这一点吗？
浏览 0提问于2015-09-04得票数 0
我正在为我们的工作室建立一个网站，我遇到了一个问题。当我在移动设备上查看网站时，我会在右侧看到一个非常奇怪的间隙。
网站在这里：
和打印屏幕。-
我有的第二个问题是，当人们有宽屏幕，但不是高屏幕与宽高比，例如21:9来到网站上时，徽标会非常低，不在屏幕的中心。徽标不会随着纵横比而移动，并且显示为低。我怎么才能修复它？
浏览 5提问于2015-04-16得票数 0
3回答
我想在我的网站上做一个粘性的标题。我正在尝试跟随CSS，但是当我使用下面的CSS时，我的徽标会在移动设备上被放大。
网站网址：
CSS
@media only screen and (max-width: 768px){
header{
position: fixed !important;
top: 0px;
}
});
我在桌面上没有任何问题，但是在移动设备上，徽标得到缩放-- out.When我点击移动设备中的汉堡包菜单，徽标就会缩小。不仅是徽标，我的标题部分可以放大。请帮我解决这个问题。谢谢
浏览 5提问于2017-02-06得票数 0
1回答
我在网络上做了很多研究，我仍然不知道如何在我的网络应用程序中处理不同的屏幕密度。我在这个网站上找到的唯一有用的问题和答案是：
根据最高评级的答案，“50‘s应该在所有移动设备上看起来大致相同--它可能略有变化，但CSS Pixel是我们构建一致文档和UI的独立方法。”
是真的吗？也许对大多数移动设备来说，这是真的，我在2部手机上测试了我的应用程序，其中一款带有144皮和其他288皮，看起来有点像。但是在桌面上，它要大得多。在桌面上，CSS像素大约大50%。这是个问题，因为即使你对大屏幕和小屏幕有单独的设计，也有很多移动设备应该被认为是大屏幕，比如景观模式下的平板电脑。因此，假设你为桌面设计了一
浏览 0提问于2016-05-15得票数 16
This SVG logo在桌面浏览器上看起来是正确的，就像Mac上的Chrome： ? 桌面上正确显示的徽标具有sans-serif字体的“托管”字样。 然而，在iPhone 5和7上，“托管”一词是一种衬线字体： ? 我需要做什么才能在移动设备上像在桌面上一样显示徽标，这样“托管”这个词就是sans-serif？ 编辑：“托管”这个词不是由路径生成的，它是一个<text transform="matrix(1 0 0 1 96.9229 18.4597)" class="st2 st3 st4">hosting</text
浏览 21提问于2020-01-17得票数 0
4回答
在设备之间切换设计时，我遇到了问题。我知道css3 @media查询是用来根据设备宽度、方向等来处理的。
就设备大小而言，css媒体查询在大屏幕或移动屏幕上非常正常。
e.g
这是移动屏幕大小的设计。
这是大屏幕的设计
媒体查询可以很好地切换设计。但是我想在桌面屏幕上显示移动屏幕的设计，当父div大小很小时，例如等于移动屏幕大小？
在以下情况下，我需要显示移动屏幕的设计桌面屏幕的大小。
我在谷歌上搜索过，但没有找到任何运气。我还尝试使用不同的媒体查询选项。有没有办法解决这个问题？
对不起，我忘记提到我正在使用框架进行响应性设计。
浏览 8提问于2015-02-12得票数 3
回答已采纳
添加"Launch Screen.storyboard“在默认的白色背景下运行良好，我得到了我的徽标和版权，然后移动到Main.storyboard，一切都很好，应用程序运行良好。将“图像视图”添加到启动也是可以的，但是当我将Media.xcassets中的png添加到“图像视图”中时，在移到主屏幕之前，屏幕会变得全黑。如果我从Image View/Image中清除png名称，则一切正常，但在启动时会返回到白色背景。同样的png的深色版本(因此可以看到白色文本)用作Main.storyboard的背景，这很好。让启动屏幕png显示在视图中的诀窍是什么？Xcode 12.4，deplo
浏览 25提问于2021-01-29得票数 0
2回答
我正在编辑我的wordpress主题。我将标题h1更改为img以显示徽标。它在电脑上看起来很好，但在手机上，它做了一些奇怪的事情，这样背景图像就会在徽标和肚脐之间显示出来。
您可以在这里查看：
对于如何缩放徽标图像，使其既适用于计算机也适用于移动设备，有什么想法吗？
谢谢!
浏览 5提问于2015-10-07得票数 0
回答已采纳
我正在寻找一些简单的指导，有人可以应付大多数设计基础，但我被困在我的网站设计的一个领域
桌面站点正在按照我们想要的方式工作(总是有改进的空间，但是嘿)。这是我正在努力解决的一个领域的响应性方面。当您将屏幕尺寸缩小到平板电脑或移动设备时，模板会响应网站的徽标。问题是我想让徽标漂浮到屏幕的左边(对于移动设备)，所以这给了我们空间来使用屏幕的右手边来创建类似的内容块，为重要的免费送货和保证信息显示在完整的桌面网站上。
我已经尝试了所有的方式，基本浮动在网站的css左，虽然它移动的标志，但它导致了最右上角的链接，特别是登录链接，这只是完全混乱的样式问题。
任何关于如何实现这一点或工作的线索都将是非常有
浏览 0提问于2017-04-07得票数 0
2回答
我有一个问题，当我从移动设备上查看我的网站时，它显示了主题的默认徽标，我在主题选项中更新了移动徽标，但徽标也没有改变。
那么有什么方法可以在主题编码中找到默认的徽标，然后在移动devices...or中用我的自定义徽标替代它呢？
我试图隐藏失聪标识，并通过以下代码为移动设备使用自定义标识：-
@media (max-width: 480px) {
.site-title a {
background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
o
浏览 2提问于2022-09-08得票数 0
我已经使用下面的视窗创建了一个非响应式站点：
<meta name="viewport" content="width=1400">
它在桌面和移动设备上都显示了桌面视图，没有任何问题。
但是当我调整浏览器的大小时，页面水平地超出了屏幕。这是预期的行为。
有没有一些CSS或脚本，我可以用来使页面全宽，当我们调整大小的屏幕，使屏幕将显示全宽和高度将减少，就像在移动？
我使用了下面的CSS来实现它：
body {
width: 100%;
}
但它在调整屏幕大小时会破坏布局。
谁能指出我的错误在哪里？
谢谢。
浏览 0提问于2021-11-24得票数 0
1回答
移动浏览器中Div的绝对定位问题
、、、、
我在以下网站上定位一个名为id="verticalGenesis“的div时遇到了很多问题:移动浏览器中的，包括iPhone上的Safari和Chrome。理想情况下，我会尝试使用以下css将徽标放置在屏幕的右侧：
#verticalGenesis {
background-image: url("../img/Genesis%20Text.gif");
background-repeat: no-repeat;
display: block;
height: 570px;
opacity: 0.8;
position: absolute;
right: 3%;
top
浏览 0提问于2013-04-11得票数 3
回答已采纳
1回答
我试图把一个标志放在桌面上，这是完美的，但当我打开它来看看它在我的手机上看起来很糟糕，它太大了，超出了屏幕。因此，我需要的是一个代码，为我提供的能力，有不同的代码在移动和桌面上，为标志。简单地说，我需要一个代码，它只显示在手机上，不会出现在桌面上，而在桌面上仍然有徽标的属性，而且我可以在手机上修改这些属性。
我真的很感激你能提供的任何帮助。
浏览 10提问于2022-06-06得票数 0
3回答
移动设备和桌面设备有什么区别？
、、、、
使用，我想在中添加一个自定义设备。您可以选择几个选项，如宽度和高度。也可在以下两者之间作出选择：
莫比尔县
移动(无接触)
桌面
桌面(触摸)
因此，移动和桌面之间的区别似乎并不是触摸事件。
是一个1000*1000 Is屏幕大小的移动设备(没有触摸)
和一个1000*1000 of屏幕大小的桌面设备
同样的？
或1000*1000 Or屏幕大小的移动设备
和一个1000*1000 of屏幕大小的桌面(触摸)设备
同样的？
所以我的问题是：
从技术角度看，桌面和Mobile有什么区别？
请从概念上解释的区别，(我对此特别感兴趣)、和DevTools。
编辑赏金
在
浏览 0提问于2016-11-20得票数 11
4回答
我想要使用现代来检测用户是否正在台式机、平板电脑或移动设备上查看站点。
我最初的第一个想法显然是检查屏幕尺寸，这些尺寸应该足够移动设备和更大的桌面。对于屏幕大小也可以与小桌面屏幕(1024x768)相等的平板设备，我也会测试触摸事件。
现在，我想把重点放在移动/平板设备上，正如jQuery mobile所说，这是一种A级设备。我并不是在寻找任何特定的移动设备功能，只是简单地检测桌面、平板电脑或移动设备，并根据测试结果添加CSS类，为每个设备提供定制的UI。
你认为这足以实现我想要的吗?或者你认为我应该测试其他功能？在此之前，非常感谢您。
浏览 2提问于2011-10-28得票数 41
回答已采纳
1回答
移动端优化iframe和表单字段
、、、、
我正在为移动设备优化我的网站，你可以在这里看到：
我遇到问题的页面是博客页面和联系我们页面。博客页面使用gist的嵌入式iframe，它们在桌面网站上工作得很好，但在移动网站上它们太宽了，而且不能缩小到合适的大小。同样，对于联系人页面，表单字段在页面较小时会从页面上消失。
浏览 1提问于2014-03-14得票数 0
我在iOS 8.3和XCode 6.3.1上使用app.running，因为我的应用程序随机崩溃(通常在开始运行后不久)，我的iphone显示一个带有白色苹果徽标的黑屏。就像启动屏幕一样，但只有几秒钟。然后，iphone返回到锁定屏幕。
它在模拟器中工作正常，但在iphone上运行时会崩溃。
提前谢谢。
浏览 1提问于2015-06-17得票数 3
1回答
根据用户所在的设备(例如桌面与平板和移动)，在key/Nextjs/顺风webapp中隐藏/显示组件，因为键盘上有某些键可供桌面使用，但在桌面和移动设备上却没有(例如选项卡键)。不想按屏幕大小来做，因为这是设备问题(键盘上没有选项卡)，而不是屏幕大小问题。
最初，我考虑获取设备类型(从另一个堆栈溢出Q/A引用的代码)，但当用户在ipad等设备上使用桌面版本用于该浏览器(例如桌面safari而不是移动safari)时，这似乎会失败。是否有更好的方法来处理这个问题，这样它就可以正确地检查用户所使用的设备，以便能够隐藏/显示react组件？
const getDeviceType = () =>
浏览 7提问于2022-06-14得票数 3
我有一个固定在页面底部的div (位置固定)，在普通浏览器中运行良好，但在移动浏览器(iphone，android和WP7)上它出现在屏幕之外。如果我在移动设备上放大然后缩小，我可以看到div重新定位到它认为底部的位置。如果有人能给我一个快速修复或给我指出正确的方向，那就太好了，但我真的在寻找一个很好的参考，了解移动浏览器如何处理坐标和桌面之间的差异。
浏览 2提问于2012-01-25得票数 2
回答已采纳
我正在使用引导3开发一个响应网站，在那里有足够的屏幕空间，我想在我的菜单左边的经销商列表。
不幸的是，这在移动设备上看起来不太好，所以我将选项更改为用于移动平台的select语句。当我再次查看桌面站点上的页面时，有太多的空白没有被使用，所以我想使用一些功能只将其显示为用于较小屏幕大小的select语句。
我在这里查看了一个可以工作的教程()，但我更希望在没有冗余代码的情况下进行这种更改，以创建一个隐藏到屏幕大小改变之前隐藏的额外菜单。有什么想法吗？
此外，选择标签必须使用，因为它被移动设备识别，以拉出手机上的选择方法。
浏览 0提问于2014-03-06得票数 1
回答已采纳
1回答
嗨，我正在努力让我的网站响应式的。现在我有了一个媒体查询，它可以处理特定屏幕尺寸的设备，但在通过web查看时却有不同的样式。它在chrome，safari和opera中运行得很好。但是当我尝试使用mozilla时，我的媒体查询似乎正在执行，尽管我是通过桌面访问它的。我是不是漏掉了什么？下面是我的媒体查询
.my-target-class {
display: inline;
}
@media only screen and (min-device-width: 400px) and (max-device-width: 600px) and (min-device-height: 30
浏览 6提问于2017-12-23得票数 0
我有应该在桌面屏幕上看到的图像，但不能在手机上看到。我知道CSS媒体查询只是为显示目的而设计的，这意味着在移动设备上，图像仍然会被加载，但不会显示。是否有一种方法可以防止图像加载到分辨率<640 to的设备上？
浏览 3提问于2017-10-17得票数 1
回答已采纳
4回答
我有一个jQuery移动网页，它当前有一个width=device-width，但我的表单元素(文本字段和提交按钮)在桌面计算机上查看时会延伸到浏览器的宽度。
有没有办法设置最大宽度，使这些元素(或整个内容div)在移动设备上正确显示，但在台式机上查看时不会超过固定的最大宽度？
浏览 55提问于2011-10-29得票数 18
回答已采纳
2回答
我正在寻找一种轻量级和智能的方式，为用户提供不同的布局或组件的移动和桌面视图使用vue。
我的web应用程序由很多表格组成，大家都知道，在移动设备上使用表格并不是最好的体验(即使有很多方法可以使表格变得有用，但不是很有趣)
所以我想让vue js来检测用户是从桌面还是移动设备访问web应用程序。当用户在桌面上打开时，它会显示一个很好的旧表格，因为桌面用户有屏幕空间。但当用户在移动设备中打开时，它会显示卡片或面板一样的视图，更适合移动设备(通常为纵向)
我知道有一个很好的bootstrap框架的解决方案可以做到这一点，但它不是交换，而是渲染所有部分(大部分是html)，并根据屏幕尺寸隐藏每个部分
浏览 0提问于2017-11-19得票数 6
1回答
我正在尝试在图表中放置一些徽标以打印它们，但根据右侧的屏幕分辨率徽标，有时会超出图表区域，有时会远离边缘。我正在使用stage，并将徽标放在graphics.image上。这是anychart v8.2.1的代码 var image = anychart.graphics.image("logo_mues2020.png", "12%", "9%",102, 43);
image.parent(container);
image = anychart.graphics.image("gepp2020.jpg", "72%
浏览 11提问于2020-12-19得票数 0
回答已采纳
我在PHP中使用Blogger API时遇到了一个问题。当我使用API在Blogger上发布一篇带有图片的文章时，图片正确地显示在我的博客的桌面版本上，但在移动设备上没有。
例如：
我在博客上发了下面这篇文章
<p><img src="https://cdn.pixabay.com/photo/2018/10/03/21/13/mushroom-3722395_960_720.jpg" /></p><p>Test</p>
在桌面上我的博客的索引中，图片正确显示：
我在手机上打开同样的页面，所有的图片都消失了：
我注
浏览 3提问于2018-10-11得票数 0
应用程序名称的某些部分显示在主屏幕上徽标下的下一行中。例如:- "RockingApps“是我的应用程序名。但在少数设备上，RockingApps的"s“显示在下一行。并且我在Manifest文件中找不到任何限制应用程序名称/标签的属性。
浏览 3提问于2013-04-16得票数 0
6回答
我想开发一个android汽车应用程序。
我已经在我的棒棒糖设备上安装了android自动apk，并启动了桌面单元，但在移动屏幕上，经过一些步骤之后，将该应用程序连接到桌面unit...only上，android汽车显示在android设备上，桌面上显示*等待。
我怎样才能继续理解桌面头单元android自动apk的前景。
我在连接1. adb转发tcp:5277 tcp:5277 2. /桌面头单元[桌面头单元]时使用的步骤
浏览 4提问于2015-11-07得票数 7
4回答
我有，当被移动浏览器访问时，它可以重定向到。
我一直很难想出一种可靠地检测移动设备的方法。目前，我的Javascript代码如下：
if (document.documentElement.clientWidth < 680 ||
document.documentElement.clientHeight < 450)
location.href = "handheld.aspx";
如果裁剪器的大小小于桌面版本所支持的大小，则重定向。这方面的问题是，一些移动浏览器开始以放大的方式退出，并且具有与桌面设备相似的浏览器尺寸。
我对此进行了一些研究，并且
浏览 7提问于2012-01-12得票数 0
回答已采纳
1回答
我正在为一个慈善机构创建一个网站，但没有太多的经验。
如果您在桌面(https://walkministries.org.uk/newsite/)上查看网站，则该徽标在浅灰背景上是蓝色的。
但是，当您切换到移动，标志移动到一个不同的标题区域。在手机上，它会加载到蓝色背景上。这使标志消失，因为它是相同的颜色与背景颜色。
是否有方法为移动/响应加载不同版本的徽标？我有一个轻/白色的标志版本，这确实显示在粘性模式时，你滚动在手机上。当你第一次在你的移动设备上加载页面时，它不会加载那个徽标。
我似乎无法从主题创作者那里得到帮助。
谢谢!
我需要帮助的页面：https://walkministries
浏览 0提问于2021-11-17得票数 0
我正在使用来自谷歌字体的Quicksand 投资组合网站。当我在移动设备上查看网站时，字体不是Quicksand。
当我调整桌面屏幕的大小时，字体是正确的，但在设备上，字体就不一样了。我认为谷歌字体在移动设备上起作用，所以这就是为什么我对此感到困惑的原因。
如有任何建议，我们将不胜感激。
浏览 0提问于2016-02-01得票数 -2
我把tumblr ()当做网站使用，在桌面浏览器上效果很好，但在移动设备上，主要元素没有理想的宽范围(理想情况下填满屏幕95%)。这是任何“宽度”-parameter的问题吗？
这是它在移动和浏览器上的外观。
非常感谢你的知识！
浏览 13提问于2019-03-26得票数 0
2回答
我在打字记录文件中有价值
readonly isMobile: boolean = false;
而在宇航员内部，我要检查的是移动或桌面应用程序版本上的suer：
if (window.navigator?.maxTouchPoints > 0) {
this.isMobile = true;
}
在HTML文件中，如果isMobile是真的，我想显示/隐藏一些东西，但是如果我在桌面版本上，并且手动调整屏幕大小以变小，isMobile仍然是假的，我需要检查元素>> select移动设备并重新启动页面，然后显示基于内容的内容--如果isMobil
浏览 5提问于2021-12-30得票数 0
回答已采纳
我正在使用引导3建立一个网站，很好地显示在移动设备和桌面上。客户告诉我，页面的最大宽度只能是970 me。
如何使用Bootstrap 3来实现这一点，以确保：
页面仍然以浏览器屏幕为中心？
所有的伟大的东西，在启动3仍然在那里。
浏览 8提问于2013-11-22得票数 5
回答已采纳
我在wordpress上的一个网站上的徽标有问题。问题是，徽标出现在桌面的每个页面中，在移动设备的每个页面中，但唯一没有出现徽标的页面是移动设备的主页。有谁知道如何解决这个问题吗？提前谢谢你！
浏览 13提问于2019-08-02得票数 0
6回答
我正在使用Wordpress与一个响应主题。当我在移动设备上显示内容时，主题将在常规浏览器中正确显示。
当切换到broswers‘桌面模式’时，响应主题的行为有点奇怪。我想这是由于使用的屏幕大小。是否有方法显示已使用的CSS媒体查询？
当CSS说media min-width: 1024px的时候，我能看到屏幕大小的CSS在使用什么吗？或者是否存在一个简单的页面来测试它？或者更好:如何检测浏览器是否请求站点的“桌面版本”并将其用于CSS？
我在谷歌上搜索，但没有找到任何帮助，如何发现它，但没有找到有用的提示。
浏览 0提问于2019-06-09得票数 1
回答已采纳
我希望在屏幕上的相同位置上有四个图像，居中，并且在引导.container中，这样如果图像太大，它们就会被调整大小。
目标是制作一个网站的第一页，其中包含完整的标志，黑白。
我使用地图/区域，以便在鼠标输入事件时，我可以显示徽标后面的图像，在特定区域的徽标下创建某种阴影(因为它具有特定的形状，所以不能通过css进行)。
我的四张图片如下：
全标志
左上角阴影
右上角阴影
底影
它们都有完全相同的尺寸。我认为，仅仅在所有这些组合上使用.pagination-centered就足够了，但这是行不通的。
对于所有的图像，我尝试了下面的CSS (全部嵌入在单独的div中)
po
浏览 0提问于2013-02-20得票数 0
回答已采纳
我想知道显示器的尺寸。我也会称之为屏幕大小，但显然，这是不一样的。
我试过：
screen.width
screen.height
screen.availWidth
screen.availHeight
globalThis.screen.availWidth
globalThis.screen.availHeight
问题是，当我改变浏览器窗口的大小时，所有这些都会改变。显示器(屏幕？)不会的。这是硬件。
当然，操作系统知道显示器的大小。当然，通过JavaScript提供这些信息将是微不足道的。
我需要这样做的原因是，我试图确定它们是在桌面、平板电脑还是移动设备上。他们的浏览器窗口
浏览 1提问于2022-11-13得票数 -2
我有一个背景图像和一个logo图像，这是添加在背景之上。在桌面上，两张图片都会按预期显示，但在移动设备上，徽标的宽度会拉长，导致菜单显示不成比例。我尝试过使用css来解决这个问题，但是没有效果。 HTML <!-- banner -->
<div class="banner2"> //Main Background image
<div class="container">
<div class="w3l-banner-grids">
&
浏览 41提问于2019-02-18得票数 0
仅当用户使用移动设备或平板电脑时，我才希望使用jQuery移动设备。
我在考虑用。此脚本允许我访问设备屏幕。
问题是，平板电脑的屏幕分辨率正在接近桌面分辨率。
如何正确定位移动设备和平板电脑？只使用用户代理？
浏览 0提问于2012-01-16得票数 2
我需要在Squarespace的徽标下创建一个标语，但我不能在那里创建文本块，所以我在页面下方创建了一个标语，并使用CSS将其放置在页面顶部附近。然而，标语只停留在1816宽的屏幕尺寸和更高的位置，即使我使用CSS，我认为可以在非移动屏幕尺寸的标志下保持标语。在其他屏幕尺寸中，标语显示在徽标/导航的上方。(在移动设备大小，标语可以消失。)网站在这里：
如何确保标语在平板电脑和桌面大小的徽标下保持固定位置？
我使用的CSS是：
@media only screen and (min-width: 1024px) {
/* Add your custom styles he
浏览 15提问于2018-01-29得票数 0
我正在阅读Lee Stemkoski的"Java Game Development with libgdx“这本书，所有的示例都使用桌面进行测试，我使用stage类在android设备的显示器上渲染演员，但当我添加带有图像的演员时，它们会延伸到我正在测试的android设备的显示器之外。此外，我为桌面和移动设备设置了相同的宽度和高度，但一些ui元素在桌面版本中被截断，但在android设备中完全显示。另外，我是否必须在设计纹理时考虑到我想要支持的屏幕的纵横比？e，g 16:9屏幕，我应该创建什么样的纹理大小？ 我尝试创建一个尺寸为800x480的FitViewport()，然后在调用
浏览 18提问于2019-05-15得票数 1
2回答
移动网站显示不正确
、、、
所以我有一个问题，我的网站在右边有很多填充，导致布局加载不正确。调整窗口大小时，它会正确地显示在我的桌面上，但在我的手机上查看时，除标题以外的所有内容都会断开。所有相关的div都设置为480px的宽度，我在媒体查询的标头中有以下标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
下面是它在桌面和移动设备上的屏幕截图，以及我的移动css页面的链接(菜单在移动设备上是打开的，但额外的空间似乎也会影响它)。
编辑:我现在遇到了一个稍微不同的问题，边距被添加到
浏览 5提问于2016-09-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
