腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
移动设备上的悬停图像
html
、
css
、
mobile
、
hover
、
cargo
我在我的网站上有一个悬停图像功能,已经与货物集体建立。我已经为CSS添加了悬停功能,它工作得很好,但是这些悬停图像不会出现在移动设备上。我的问题是,如何才能添加到CSS中,使它们在移动设备上可点击图像链接,而在桌面版本上保持悬停? 以下是悬停CSS显示在网站上的位置: .hover-title { display: inline; pointer-events: auto; cursor: pointer; } .hover-title { color: #FFB000; } body:not(.mobile) .hover-title:hover + .hover-
浏览 23
提问于2020-05-28
得票数 0
回答已采纳
1
回答
如何改变平板电脑、移动设备和3种不同设置的更宽设备的引导旋转木马?
html
、
css
、
tablet
、
mobile-devices
、
bootstrap-carousel
我已经在我的网站上建立了一个引导旋转木马(完整介绍),它可以很好地工作在大型设备上,但是在移动设备上,它只显示了旋转木马图像的左边三分之一,但我希望它是图像的中心。因此,我认为一个很好的解决方案是为大型设备、平板电脑和移动设备制作3种不同的设备和不同版本的图像,以确保其具有我想要的焦点。这应该可以通过隐藏所有其他的旋转木马设置来实现,但是,例如,一个用于移动的(如果是在小型设备上)。如果它在pc上隐藏了除了那台大型设备之外的所有东西,...etc。 我不想给移动设备上的旋转木马添加一些东西,我想要更改旋转木马的滑块图像(但只在使用移动设备的情况下)。 大型设备的旋转木马位于一个带有id
浏览 2
提问于2017-10-27
得票数 3
回答已采纳
1
回答
使用HTML电子邮件中的媒体查询切换图像不起作用
html
、
css
、
email
、
media-queries
我正在尝试使用媒体查询来切换HTML电子邮件中的图像,但outlook的某些版本只能同时显示这两个图像。下面是我的代码的一个简单版本: <html> <head> <style type="text/css"> *[class].image { max-width: 100% !important; height: auto; } .headermobile{ display: none;} @media only screen and (max-width: 450px){ .headerdeskto
浏览 2
提问于2017-02-10
得票数 0
1
回答
固定背景图像不断移动
html
、
css
、
background-image
我有一个背景图像,我想把它固定在右上角。当我缩小屏幕以查看网站在移动设备上的外观时,图像会移动。我不希望这种情况发生,我不希望它在移动设备上显示,而是在桌面上显示。 我的CSS... body { font-family: Gafata; background: url("/static/TH1.png"); background-repeat: no-repeat; background-position: right top; } 所以我把附件改成了固定... background-attachment: fixed; 但是图像失去了它的位
浏览 0
提问于2014-08-20
得票数 0
2
回答
不显示图像,只显示CSS的替代文本
css
、
image
、
alt
有没有可能让CSS将图像呈现为不可见,从而只显示替代文本? 我有一个在移动设备上看起来不太好的图像,所以我宁愿显示替代文本,并相应地设置样式。
浏览 9
提问于2016-08-23
得票数 1
2
回答
display:none;对移动设备的css有何影响?
css
、
mobile-safari
、
mediaelement
如果我们使用display:none隐藏了一些东西,例如:图像,它仍然会被渲染引擎下载吗?如果是,这是否意味着在移动设备中打开相同的网页时,下载将不必要地增加额外的重量? 这进一步意味着,在移动设备上修改相同的网页可能不是一个好主意。敬请指教。谢谢。
浏览 0
提问于2010-07-13
得票数 1
1
回答
媒体查询是如何反应的
css
、
media-queries
我想知道媒体查询是如何反应的。 例如,我为基本媒体放置了一个大小为1400px的500px图像,并为移动设备放置了另一个大小为450px的200px图像。 我在同一个html页面中使用媒体查询调用它。我想显示小图像,当用户在移动设备中打开它。 如果我为同一图像调用两个CSS (即,根据媒体使用css更改背景),我的大图像是否会加载到移动设备中?或者它会简单地加载小图像而忽略大图像?我把主CSS放在移动CSS之前。我想一定是加载了大图像。如果是这样的话,我的网站在移动设备上的运行速度会很慢。 你的观点是什么?
浏览 2
提问于2012-10-06
得票数 0
回答已采纳
3
回答
调整尺寸时如何关闭旋转木马?
html
、
css
、
twitter-bootstrap
我正在使用<div id=Slider class="carousel slide" data-ride=carousel>显示一些图像和文本。 当移动设备在现场时,我如何禁用旋转木马?我想提高移动设备的谷歌得分。 如果屏幕宽度为<= 767,则删除旋转木马 任何人都可以帮助js hack / css设置?
浏览 2
提问于2015-03-24
得票数 1
回答已采纳
1
回答
当孩子被隐藏时,背景图像为什么不可见?
html
、
css
我在一个带有英雄形象的网站上工作,我想根据用户是在移动设备上还是在桌面设备上以不同的方式显示图像。 当用户在桌面上时,我希望img元素显示图像,但当用户在移动设备上时,我希望隐藏img而使用img容器的background-image来显示图像。 我遇到的问题是,当img元素被隐藏时,容器的容器也是不可见的,即使它在background-image元素上定义正确。我试着解决这个问题已经很长时间了,但都没有用。 我该如何修复这种奇怪的行为呢?如果需要,我也愿意在更好的实践方面进行任何代码改进:)这里有一个供参考的JSFiddle。 HTML: <div class="header
浏览 20
提问于2021-02-03
得票数 2
回答已采纳
1
回答
如果网页在移动设备上浏览,则重定向到“移动站点即将开始”页面
css
、
url-redirection
我的情况是我们的网页在桌面上看起来很好,但是如果你在移动设备上查看它,一切都会离开一个地方,我理解这是基于我用来创建页面的css,但是我想有一个重定向到“移动友好网站即将到来”的页面,如果网站是从移动设备查看。这有可能吗?
浏览 4
提问于2015-04-22
得票数 0
2
回答
balloon.css在移动设备上隐藏工具提示
html
、
css
我试图在移动设备上隐藏一个名为balloon.css的CSS文件。我正在使用这个balloon.css: 我的代码: @media only screen and (min-device-width : 320px) and (max-device-width : 480px){[data-balloon] { visibility: hidden; }} 感谢大家的帮助!
浏览 3
提问于2017-03-10
得票数 0
6
回答
旋转滑块在移动环境下改变背景图像
wordpress
、
revolution-slider
我有一个网站,在浏览与桌面时,与rev滑块完美的工作。但是当从手机浏览到它时,滑块图像不能正确显示,或者被切断。当移动浏览器到达现场时,是否有一种方法可以切换滑块内的图像,或者我可以为移动设备做些什么?我试过使用css,但这不起作用。不知道还能做些什么。任何帮助都将不胜感激。
浏览 12
提问于2015-09-24
得票数 12
回答已采纳
1
回答
类删除后未被删除的CSS样式
javascript
、
jquery
、
html
、
css
当CSS类通过AJAX被删除时,css样式不会从锚标记中被移除,这只发生在移动设备上。在使用桌面浏览器时不会发生这种情况。 使用移动设备查看。 您将注意到,当您选择过滤器时,过滤器会变成红色,但是取消选择它们不会移除红色。 在此使用的代码: $('.tagsContainer .tagsContainerA').click(function () { vm.alphabet(""); clearAlphabet(); $('.pagination.alphabet .alphabetAll').addClass('
浏览 2
提问于2015-08-21
得票数 0
回答已采纳
1
回答
PHP Echo inside html属性在本地主机上的移动设备中不起作用
php
、
html
、
ios
、
mobile
问题是,我在我的PC上使用XAMPP测试我的网站,它工作得很好。当我在我的移动设备上检查它时,它开始产生问题。 花了一个小时之后,我发现问题出在移动设备没有在src或href属性中运行echo。下面是我的代码: <link href="<?php echo config['url']['css'];?>/style.css" rel="stylesheet" type="text/css"> 现在,链接显然没有放错地方,因为它在我的PC上工作。此外,我使用的图像: <img src=&
浏览 5
提问于2016-08-06
得票数 0
回答已采纳
1
回答
为移动站点加载一个图像,然后隐藏另一个图像,加载隐藏的图像,并将移动图像隐藏在广场上。
html
、
css
、
squarespace
在我的second网站()上,我在索引页面的第二个页面上有一个图片。现在是“客户日志”。在移动平台上,这种图像并不容易看到。因此,我想构建一些代码,当有人从桌面程序访问时,我想要显示的图像是可见的,移动图像的显示是隐藏的。对于移动设备,我希望反之亦然。我理解需要发生的过程,只是不知道如何编写这段代码并将其注入我的Squa呼吸道页面。
浏览 0
提问于2019-02-09
得票数 1
1
回答
响应宽图像以适应垂直.引导
html
、
css
、
twitter-bootstrap
、
responsive-design
引导项可以适合移动设备的垂直屏幕。但是我的图像很宽,而且它们在移动设备上不能很好地伸缩,下面的代码是: HTML: <div class="item"> <img class="First-slide" src="images/bg01.jpg" alt="First slide"> </div> CSS: .carousel .item { height: 500px; background-color: #777; } .carousel-inner > .item &g
浏览 2
提问于2016-04-03
得票数 2
1
回答
在徽标和手风琴菜单中间的移动菜单标题中创建一个按钮
mobile
、
custom-header
大家晚上好,我想实现移动菜单中的一个按钮,标题介于徽标的中间和菜单的中间,手风琴(在我将发送的图片中解释) 我试过这样做,但很少它只在移动版本的手机上工作,但在其他版本中,也不可能在google chrome的css搜索引擎中看到,当您将响应版本放在其他设备上时,它不会出现。 这是页面的链接:https://bildschulebuchs.ch/aktuelles/ 在这里,图像 📷 这是我用过的代码,但它帮不了我 el html雅斯特: < div id="masthead" class="navbar menu-primary menu-light subme
浏览 0
提问于2021-06-17
得票数 0
1
回答
如何在不同屏幕大小下改变语义UI侧边栏的位置?
javascript
、
jquery
、
css
、
semantic-ui
我使用的是语义UI侧边栏--这是一个标准设置: <div class="ui inverted labeled icon right inline vertical sidebar menu"> <a class="item"> <i class="home icon"></i> Home </a> <a class="item">
浏览 3
提问于2015-11-10
得票数 0
回答已采纳
0
回答
尝试在移动设备上隐藏图像
css
、
mobile
、
element
我正在尝试隐藏移动设备上的标题图像。 我使用了我认为正确的CSS,当我在一个虚拟的小屏幕上预览站点时,图像被隐藏了。 } @media (max-width: 768px) { .header-image { display:none; } 但当我在实际的移动设备上查看该网站时,图像仍然在那里!怎么一回事?
浏览 3
提问于2019-02-01
得票数 0
2
回答
进度条引导-移动和桌面
jquery
、
css
、
twitter-bootstrap
我正在使用垂直进度条,它在桌面上运行良好,但我想在移动设备上改回水平,这也是通过删除div下的" progress - bar - vertical“类,只在移动设备上。 <div class="progress progress-bar-vertical"> <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin=
浏览 21
提问于2017-01-08
得票数 0
2
回答
创建移动网站版本还相关吗?
web-applications
、
mobile-browser
我们常规的移动浏览器已经发生了很大的变化。它不再是迷你的wap浏览器。最常用的移动设备(至少在国家)是:基于IOS的,基于ANDROID的和基于RIM OS的设备。所以-见鬼-我们基本上有功能齐全的浏览器,支持javascript/css/html5。Android甚至还支持Flash。所有提到的都有自动更新功能(感谢上帝(在地狱中燃烧的微软)和缩放/缩小(伸缩和触摸)功能),所以像素大小几乎与IMHo无关。 我的问题是: 1)在我们这个时代,你还会创建一个单独的移动网站版本吗? 2)如果你会--你会在移动网站版本中做什么改变?是CSS吗?你会加载较轻的图像吗?你会禁用闪光灯吗?等。 我很感谢
浏览 0
提问于2011-01-05
得票数 0
回答已采纳
1
回答
无法在移动设备上打开缩略图图像
magento
、
magento-1.7
、
magento-1.8
、
magento-1.9
、
magento-1.5
我使用的是Magento网站,该网站无法在移动设备上打开缩略图图像。我更改了媒体块内不同分辨率的css文件,但仍然无法打开图像。 红色方块内的图像不能在移动设备中打开。每当我点击这些图片中的任何一个,都不会有任何反应。所有尺寸的显示器都可以在桌面上打开图像。 它的发生是因为错误的css代码还是其他原因。
浏览 7
提问于2015-06-23
得票数 0
1
回答
属性中的jQuery short if/else
jquery
、
jquery-mobile
、
if-statement
、
shortcut
我在if/else语句中使用了大量的$("#foo").css("bar", "baz");来将我的选项更改应用到我的应用程序(移动jQuery)。我的问题是,有没有一种更短的方法来写呢?像$("#foo").css("bar", ((foobar == foobaz) ? "bazbaz" : "bazfoo"));这样的东西 或者在加载主页的同时在DOM中删除/创建对象以实现设备上jQuery移动设备中的选项会更好(性能)吗?
浏览 0
提问于2013-07-03
得票数 1
回答已采纳
2
回答
无法在固定div内滚动div
javascript
、
html
、
css
我遇到了一个包含父容器的菜单的问题,它分布在整个站点上,还有一个带有实际内容的div。只要设备屏幕足够大,一切都没问题。但是,特别是在移动设备上,它不可能显示整个内容。 我在上创建了一个jsfiddle,用一个工作样例和所需的js和css来展示问题。在移动设备上,只有部分部件是可见的,但不可能滚动内容。 有关守则本身解释: <div class="hiddenMenu jsMenu"> <div class="menuContainer jsMenuContainer">
浏览 0
提问于2015-05-27
得票数 0
回答已采纳
1
回答
CSSGram / CSS filter & Blend模式-如何导出
javascript
、
css
、
html5-canvas
、
css-filters
我使用CSSGram库将一些CSS过滤器应用于我的图像,如下所示: <figure class="aden"> <img src="../img.png"> </figure> 问题是,我必须将应用了过滤器的图像发送到我的服务器。我已经尝试了Javascript和画布,但没有成功!不幸的是,我找不到任何可以在所有浏览器上甚至在移动设备上工作的解决方案! 我正在寻找一个解决方案,但找不到一个方法,可以与CSS过滤器和混合模式(而不是画布过滤器,这是一个不同的野兽)。 有什么想法吗?
浏览 13
提问于2020-03-30
得票数 0
1
回答
引导响应轮播
javascript
、
html
、
css
、
bootstrap-4
、
carousel
我如何制作一个旋转木马,像系统视图中的多个图像,而移动view..one中只有一个图像通过移动设备中的一个图像滑块显示。 ?
浏览 10
提问于2020-09-23
得票数 0
1
回答
在滑块中显示不同的图像作为移动和桌面的img,以提高性能
html
、
css
、
image
我有关于我的网站上的滑块的麻烦。 目前它是一个带有<img>元素的滑块。我现在遇到的问题是,在移动设备上,大图像也会被加载。现在我想为移动设备加载特定的(较小的)图像,这样我的网站在这些设备上的速度就会更快。 我的一个解决方案是将媒体查询与CSS背景图像结合使用。这非常适合使用,因为我可以使用CSS加载图像,从而可以使用媒体查询来根据屏幕大小选择图像。 但问题是,我想添加到搜索引擎优化的图像,他们是我的网站必不可少的,我到处读到,如果你有这样的图像,你需要使用<img>元素。因此,搜索引擎优化可以工作,并在内容中包括这些图像。此外,我不能添加ALT标签到背景图像。 另一
浏览 0
提问于2018-01-05
得票数 0
2
回答
在bulma css框架中,有没有办法改变移动端的PADD值?
html
、
css
、
bulma
所以我用Bulma css框架搭建了一个网站。我将每个元素的左填充和右填充设置为10%。在移动设备上,填充需要更小。也许5%或更少都无关紧要。但我不知道如何仅为移动设备更改填充。我在他们的文档中找不到帮助。有人能帮帮忙吗?例如: nav{ padding-left: 10%; padding-right: 10%; } 我想成为的人:(但仅限于移动设备) nav{ padding-left: 5%; padding-right: 5%; }
浏览 6
提问于2021-07-22
得票数 1
3
回答
在响应web设计中提供资源文件(JS、CSS、图像)的最佳实践
javascript
、
image
、
responsive-design
、
mobile-website
在阅读时,在“数据传输和定价”一节中,我注意到了以下内容: 最近关于响应式Web设计的讨论已经很多了。这种方法在最大限度地减少数据传输方面确实带来了一些挑战。杰森·格里格比在细节方面写得很好。总之,CSS媒体查询 - 是响应性设计 - 中神奇的一部分,对于减少移动设备数据传输的开销几乎没有任何作用。调整大小或隐藏不需要的图像仍然需要将完整的图像下载到浏览器。此外,可以将JavaScript库等资源下载到移动设备中,甚至不为用户启用。 当我阅读Jason的长篇文章时,我想知道是否有人遵循了一些最佳实践来避免此类问题?
浏览 3
提问于2011-11-09
得票数 5
3
回答
图像无法显示- CSS
css
、
image
、
html
、
hidden
我在移动/桌面设备上遇到了一个奇怪的CSS bug问题。 在移动设备上,我的一个课程的图片不会显示,但它的内容区域会显示出来。 在桌面上,将显示我的一个类的图像,包括它的内容区域。 这就是我如何创建我的图像: <div class="image"> <img src="images/image.jpg" alt="" /> </div> 这就是我在mobile.css文件中所做的事情: .image { width: 471px; height: 513px; float: left; } 在我的另一个文件(
浏览 1
提问于2013-07-08
得票数 0
回答已采纳
1
回答
HTML响应式幻灯片
html
、
css
、
optimization
、
slider
、
responsive
我有一个网站的标题全宽幻灯片放映。幻灯片中的图像无法裁剪。现在我将我的幻灯片设置为宽度: 100%,高度可变。 问题是,在手机上(由于屏幕比例不同),滑块看起来非常纤细。 正如我已经说过的:我不能裁剪图像。所以我可能不得不为移动设备创建一个新的滑块。做这件事最好的方法是什么? 如果我只做一些类似的事情: <div class="mobileslider"> 对于移动设备和 <div class="slider"> 对于桌面,我可以通过css隐藏一个元素。但是,两个滑块都会加载,不是吗?做这件事最有效的方法是什么?谢谢你的帮助。
浏览 0
提问于2020-07-16
得票数 1
1
回答
使用<picture>元素防止在移动浏览器中加载标题背景图像
html
、
css
、
image
有没有办法在使用手机时使用<picture>元素来阻止页面下载图片? 我有一个显示标题图像的网站。由于网站的功能,不可能使用CSS (背景图像+媒体查询)来阻止标题图像在移动设备上加载。因此,我需要使用一个使用<img>或<picture>元素的解决方案。 我在想,也许我可以使用<picture>元素在移动设备上加载一个小的、清晰的图像(例如1像素图像),然后在更大的屏幕上加载完整的背景图像。 <picture> <source srcset="./images/clear-1pixel.png">
浏览 0
提问于2016-02-12
得票数 0
2
回答
复制HTML或为响应站点使用JS移动元素
javascript
、
html
、
css
、
responsiveness
我正在为平板电脑/移动设备设计网站,它要求我移动元素(从左边栏到右栏,更改顺序等等)。这些元素包括简单的文本和图像(非常小,标识)。 我的问题是,做这件事最好的方法是什么?到目前为止,我只有两种方法。 1)复制HTML内容,然后使用CSS媒体查询显示/隐藏。我在这里担心的是,这是不友好的搜索引擎优化,和内容/图像仍然被渲染,即使隐藏。这会不会给我带来表演上的问题? 2)使用JS移动元素。我在这里担心的是,禁用JS的人仍然会看到旧地方的内容,也许这个JS解决方案会对性能产生更大的影响? 非常感谢在这种情况下对最佳实践的一些投入。 以下是我想要达到的目标:
浏览 1
提问于2016-02-24
得票数 3
回答已采纳
1
回答
下拉导航菜单-需要移动和触摸设备的帮助
jquery
、
jquery-mobile
、
drop-down-menu
、
navbar
、
touchscreen
嗨,我的网站有一个在桌面上完美工作的主导航菜单。鼠标悬停将打开下拉菜单,父菜单项也是可点击的链接(而不是'#')。 问题出在移动和触摸设备上。由于这些设备没有‘悬停’,当我点击一个父类别时,我会被直接带到链接。如何才能在第一次单击时打开下拉列表,并使父菜单链接在第二次单击时仍然有效? 我是否应该将下拉菜单设置从“悬停时打开”切换为“单击”,然后使用css和jquery在非触摸设备(即桌面)上启用悬停? 我是一个完全的网页设计新手。我花了很多时间研究jquery和css代码,并尝试了关于这个问题的十几种不同的方法。似乎没有真正可靠的解决方案来解决这个问题,这导致了客户在移动平台上
浏览 0
提问于2015-07-16
得票数 0
4
回答
仅限移动设备的图像显示问题
html
、
css
、
image
、
mobile
我正在尝试让图像仅在移动设备上查看时才显示。我让它不显示在我的桌面css中,但现在它不会显示,即使我在我的媒体查询中写它。你知道为什么它不会出现吗? HTML: <div class="panel specs"> <div class="content"> <a name="jumpspecs"></a> <h2> Specifications </h2> <img src="images/vespaspecs.png" alt="
浏览 0
提问于2015-11-17
得票数 1
1
回答
隐藏纸-标签-可以用Css吗?
css
、
polymer
我正在创建一个应用程序,需要非常移动友好。我有一个简单的Css类(.隐藏-移动-小),当设备宽度< 500时,我使用媒体查询来隐藏屏幕上的某些内容。 它适用于div(但不是只针对Divs -其定义为.隐藏-移动-小-不-不-隐藏-移动-小-小)。 我想这也适用于任何聚合物元素。我尝试在纸张标签元素,因为我想隐藏一些标签的多标签页布局时,用户在手机上观看。但似乎不起作用。 有什么想法,如何使这一工作,而不需要更新纸张标签组件? 谢谢你的想法
浏览 2
提问于2016-05-20
得票数 1
回答已采纳
1
回答
jquery切换以显示响应式设计中的隐藏元素
jquery
、
responsive-design
、
toggle
我使用CSS来显示和隐藏某些断点处的元素。我还使用jquery切换来显示/隐藏元素。如果我将浏览器的大小调整到移动设备的大小,一切都会正常工作,但是当我将浏览器的大小调整到更大时,我使用Jquery隐藏的元素就会隐藏起来,在我的网页上留下空白。我需要一个不合适的方式来重置到原来的窗口大小或改变方向。 例如,我使用CSS为平板电脑或移动设备隐藏了一个菜单div,并使用CSS而不是菜单来显示菜单图标。然后,我使用Jquery在图标被选中时显示/隐藏菜单。如果我将浏览器放大或将移动设备或平板电脑的方向更改为横向,则如果用户使用图标隐藏菜单,菜单将不会显示。我该如何解决这个问题呢?
浏览 2
提问于2013-03-30
得票数 0
回答已采纳
3
回答
如何在移动设备上不使用img标签显示引导滑块图像全屏?
jquery
、
html
、
css
、
twitter-bootstrap
、
media-queries
我在这个链接()上创建了滑块。它在桌面上很适合我,但是在移动device.This滑块上出现问题并不是在手机上显示全屏。我试着在css下面获得全屏,但是图像是拉伸的。我只需要显示图像的中心部分。我使用的是img tag.Would,您在这方面帮了我。 提前感谢 Css //在移动设备中获取图像全屏。 .carousel-inner>.item>img, .carousel-inner>.item>a>img{ height: 100%; }
浏览 3
提问于2016-09-30
得票数 0
回答已采纳
1
回答
背景图像在iphone和移动设备上移动和重叠,需要解决方法
css
、
browser
、
html
、
mobile
我有一个包装器div,它包装了我的页面标题,如下所示: <div id="wrapper"> <div id="centered_slideshow"> // Slideshow here, covering approx 75% of screen width... </div> </div> #wrapper{ width:100%; min-width:980px; background:#000 url(../graphics/header_wrapper_bgr
浏览 2
提问于2011-08-15
得票数 0
回答已采纳
1
回答
如何根据客户端设备大小调整图像大小
reactjs
、
image
、
azure
、
resize
、
cdn
我有一个反应应用程序,有许多图像引用(标记<img src=... />和css background:url(...))类型。 这些图像托管在Azure存储上。 为了加快我在各种设备(台式机和移动设备)上加载应用程序的时间,我需要在这些图像到达客户端(即服务器上的某个地方)之前调整它们的大小。 到目前为止,我可以想到以下几种选择: 选择每个图像,并为不同的标准设备大小生成多个版本的图像。然后,获取每个<img src=... />标记,并使用JS更改图像名,这样就可以提供合适的图像大小。这将不适用于css。 使用自动调整图像大小。我希望自动调整大小,因
浏览 4
提问于2020-12-18
得票数 0
1
回答
更改标头图像大小
images
、
css
、
headers
我有一个头部图像,这看起来很好在桌面上,然而,当访问网站上的移动设备,图像被切断在中间。 如何使图像在访问移动设备上的页面时自动重新缩放,使其宽度与屏幕宽度相匹配。 我尝试过添加以下CSS代码,但不知怎么的,它似乎没有引用标题图像: header-showcase { height: auto; max-width: 100%; } 下面是我正在工作的站点的链接:http://www.mathiasprobst.com 先谢谢你。
浏览 0
提问于2019-01-06
得票数 0
3
回答
当android设备上出现软键时,我的网站在Android中的背景图像变得越来越小
android
、
css
、
html
我已经使用html和CSS创建了一个响应式网页。我将背景图片设置如下: body { background: url('mobile.jpg') no-repeat center center fixed; background-size: 100% 100%; } 当我在android设备上测试它时,它在屏幕上看起来很完美,但只要我点击输入框,屏幕上就会出现软键盘,这会让我的背景图像重新调整大小。 如何避免图像在软键外观上重新调整大小?
浏览 3
提问于2015-03-05
得票数 0
2
回答
用于测量浏览器性能的Javascript,用于打开或关闭动画
javascript
、
html
、
css
、
performance
、
animation
我有一个网站与某些动画,CSS,动画gif和"JS动画“。在一些移动设备上,动画速度很慢,所以我想检测到这一点,并关闭CSS动画,并使用静态图像来代替gif动画。 移动设备浏览器确实支持CSS动画,但是执行起来很慢。 如何使用Javascript函数测量浏览器的实际性能,以便决定是否打开或关闭动画?任何Javascript库都可以吗?
浏览 1
提问于2014-07-22
得票数 0
1
回答
在保留填充和使用文本溢出的同时设置元素的最大宽度。
html
、
css
、
bulma
我正在使用Bulma的组件向我的网站添加一些标签。 在带有小屏幕的移动设备上,标签不适合使用下一行,所以我尝试用省略号设置标记元素的最大宽度。我的目标是,当标签不能匹配时,标签出现如下形式,同时仍然保留元素上的填充,如下所示: 但是,当我尝试设置这些CSS属性时: .tag-with-counts .tag { max-width: 90px; overflow: hidden; text-overflow: ellipsis; } 我得到的是这样的东西。文本不从开头开始,填充没有保留,省略号也没有出现: 下面是一个显示问题的JSFiddle: 如何使标签如第一
浏览 1
提问于2020-04-04
得票数 0
回答已采纳
3
回答
如何设置bootstrap菜单在手机上可见
html
、
css
、
twitter-bootstrap
我有一个网站,我的客户需要设置菜单按钮旁边的购物车菜单项可见时,在移动设备上,但我不知道什么是更好的方法来做到这一点。你们有什么建议吗?我提前表示感谢。下面是以黄色突出显示的项目的图像,我希望将其设置为可见:
浏览 0
提问于2017-05-02
得票数 0
2
回答
fabric.js调整画布尺寸以适应屏幕
javascript
、
android
、
cordova
、
canvas
、
fabricjs
我目前正在开发一个移动设备上的应用程序(android和iPhone),并使用离子型和科多瓦。我想编辑一张照片。我使用fabric.js库来做到这一点。Fabric.js将图像和其他项转换为画布。然后,我在画布上添加一些图像(贴纸),并将其导出为图像(DataURL)。因此,画布的大小是非常重要的,因为它是一个质量因素(输出基于小画布的图像将导致质量低下)。画布大小约为607*1080像素(取决于拍摄照片的设备)。我想在不失去质量的情况下把它安装在屏幕上(就像下面解释的那样,我不能在不失去质量的情况下调整画布的大小)。 我尝试了三个想法,但没有人成功。 调整画布:导致质量损失(导出的图像将
浏览 24
提问于2015-06-16
得票数 10
回答已采纳
3
回答
标头图像不缩放到其他屏幕
html
、
css
我在一个header div里面有一张图片。我设置了background-size: 100% 100%,但是在移动设备上,它根本没有缩放。我想让所有设备的图像保持不变。以下是完整的CSS: background: url(Oly1600x600.jpg) no-repeat center center; background-size: 100% 100%; height: 600px; position: relative; overflow: hidden; 我试过使用background-size: cover,它放大了整个图像,从顶部和底部剪掉了很多东西。我的意思是,我希望在所有设备
浏览 8
提问于2016-10-31
得票数 0
回答已采纳
1
回答
使用@media的CSS覆盖jQuery样式
jquery
、
css
、
media-queries
我有一些jQuery脚本来定位侧边栏菜单,以便与屏幕一起向下滚动: <head> <script type="text/javascript"> jQuery(function($) { function fixDiv() { if ($(window).scrollTop() > 365) { $('#Portfolio-Sidebar-Content-Web').css({'position': 'fixed', 'to
浏览 2
提问于2013-05-18
得票数 0
3
回答
如何将样式仅应用于移动设备?
javascript
、
css
、
media-queries
我正在创建新的网站。我的意图是为桌面和移动设备创建一个页面,并根据设备(移动或桌面)设置样式。我知道我可以用纯javascript实现所有的功能,但我也想使用CSS和媒体查询。我的问题是:如何使用CSS媒体查询仅为移动设备设置样式?我试着使用: @media only screen{ style... } 但它同时适用于移动浏览器和dekstop浏览器。
浏览 1
提问于2015-06-02
得票数 1
2
回答
移动设备上的CSS Hover
css
、
mobile
、
hover
首先,我是一个初级程序员。我需要关闭移动设备图像上的悬停功能,因为当有人在页面上滚动时,它会产生问题。我让一个程序员在upwork.com上做这件事,他通过CSS成功地为主页图像做了这件事。 但是,我现在已经在不同的部分下添加了一些新的图像--这些新图像已经启用了。不幸的是,我使用的程序员不想分享他是如何做到的,而是希望我们再次雇用他。 我想最好自己想想怎么做。 该页面为foxandowlkids.com/index_postlaunch.html。 您将看到“特征”图像在笔记本上悬停,但在移动设备上被关闭。我怎样才能用我的“多才多艺”的形象来完成这个任务呢?老实说,我甚至不确定我应该在哪个C
浏览 1
提问于2017-03-17
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
财联社5月11日电,谷歌宣布推出语言模型PaLM 2,称其可在移动设备上使用。该语言模型在语言和编码上有出色的表现。
什么是响应式网页设计?
2020 年响应式 Web 设计备忘清单
css零基础自学教程(六)css属性 第三部分
茶余饭后的甜点
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券