1回答
根据站点的不同，我为收音机和复选框获得了两种不同的默认样式。
下面的图片是用相同的OS/浏览器(MacOS Mojave，Chrome 72)拍摄的。
1)蓝/白风格：
例如，在Gmail中：
2)灰色/黑色风格：
例如，在Reddit中：
在这两种样式中，元素都具有CSS规则-webkit-appearance: radio/checkbox。
知道是什么控制着这种默认的风格吗？
浏览 1提问于2019-02-18得票数 1
回答已采纳
1回答
我正在为我的亲家建立一个EPUB，其中包含一个旧扫描照片的集合，以及评论。
EPUB中的每个“页面”都包含一个标题，其中包含图片编号、图片和一些文本。图片的大小是1024x768在EPUB中，我试图调整大小的图像使用CSS来显示在页面上。(我可以只压缩图片，但如果读者想要的话，我想让他们点击图片并获得更大的图像)
它的HTML如下所示：
<div class="keepTogether">
<h5>50001</h5>
<div class="sized">
<img alt=
浏览 124提问于2015-08-11得票数 0
1回答
为什么我的桌子是模糊的？
、、、
当我遇到问题时，我正在创建一个HTML5 iPhone应用程序。正如你在下面的图片中看到的，一切都是模糊的。
以下是该网站的一个正常页面：
我试过在我的css中使用-webkit-transform: translateZ(0);，但这并不能让它看起来像第二张图片那样锐利。
我怎样才能使文本(和表格)像第二张图片一样锐利？
浏览 1提问于2011-10-14得票数 0
回答已采纳
我正在使用OpenLayers 3和OpenStreetMap在纸上打印地图，为此，我需要渲染比屏幕上显示的更多细节和更高DPI值的地图。我使用CSS将ol.Map的target的厘米大小设置为打印输出所需的大小(.map { width: 7cm; height: 6.3cm; })。
默认情况下，OpenLayers会像这样显示我的一个地图，它的细节太低，无法满足我的需求：
通过使用map.setSize(map.getSize().map(function (x) { return x*2; }));更改地图大小，我可以增加更接近所需的细节：
但这个技巧的问题是，当窗
浏览 0提问于2015-11-15得票数 2
1回答
如何在悬停时更改容器的大小，使其在图片中看起来像。有可能只有css/Smarty吗？
这是到图片的链接：
浏览 4提问于2017-01-24得票数 0
回答已采纳
1回答
背景图像(CSS)的缩放宽度问题
、、、、
我有一个图像的麻烦，通过在CSS中使用“包含”在顶部图像和下一段之间添加一个巨大的间距。当我使用“封面”时，没有间距问题，但图片宽度太高。
我在CSS中使用它
.headerLine{
position: relative;
width: 100%;
overflow: hidden;
height: auto;
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/bgTop.jpg);
-webkit-background-size: cover;
-mo
浏览 1提问于2016-02-08得票数 0
1回答
当你尝试在带有内容的div上组合css3 scale和css3 reflect时，在chrome上有一种奇怪的bug。
我想知道是否有人知道如何修复或破解，以获得一个明确的结果。
*我的div的内容可以是文本、视频、图片、svg...并且可以包含动画
为了说明这个问题，我编写了以下代码
浏览 0提问于2014-04-30得票数 1
2回答
禁用缩放移动导航栏
、、、、
我正在制作一个带有导航栏和可缩放图片的纯移动网站。每当我放大网站以放大图片时，导航栏都会随着其中的文本一起增长。有人知道我怎么才能阻止导航栏的缩放吗？下面是CSS：
#navBarMobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 174px;
background-color: rgba(0, 0, 0, 0.63);
z-index: 2;
}
浏览 1提问于2015-08-17得票数 3
1回答
雪碧图质量差
、、
我已经为我在网站上使用的所有图片(.png，.jpeg，.gif)创建了一个精灵图片
早些时候，当我使用imageurl获取图像时..图像的质量，例如显示日历的日历图标。很好..完美无瑕
然而，当我开始获取图像时..使用css文件..通过使用background:image url(精灵图像的路径和位置)..图像质量下降..
我已经尝试以所有可能的格式创建我的精灵图像..！！.有没有什么解决方案可以保持图像的质量，同时仍然可以通过精灵生成的图像获得图像！
图片的CSS：
.sprite-calendar
{
background: url(images/csg-4d4146d95bbab
浏览 0提问于2011-01-27得票数 0
回答已采纳
我的网站是()，我已经在服务器的public_html文件夹上传了一张图片。
我使用了以下代码作为后台
#main {
background-image: url("image908.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
在WordPress的高级CSS部分。
为什么图片在移动端没有响应性？
谢谢。
浏览 6提问于2018-07-06得票数 0
是否可以在DIV中裁剪(缩放)图像？
我已经试过了，右边(黑色)的肖像图片将被裁剪-左边(红色)的风景图片也应该被缩放和裁剪。是否可以只使用CSS？
img {
width: 100%;
max-width:100%;
height: auto;
max-height: auto;
}
浏览 2提问于2014-03-28得票数 1
1回答
有什么方法可以通过resizeMode设置为cover来控制图像的位置？我正在寻找类似的结果，可以通过使用background-positon: center bottom在传统的CSS。
以下是这种情况的一个例子：
与屏幕尺寸相同的图像
具有自定义高度的图像，图像将居中。
(所需)图像具有自定义高度，但图片对齐元素的底部边缘
我的代码：
<Image source={require('./eifell.jpg')} resizeMode={Image.resizeMode.cover} style={{
浏览 0提问于2016-09-06得票数 4
你能告诉我如何让图片适合静态控件吗?我的意思是，如果你创建一个静态控件来查看图片，如果图片的质量或大小大于控件，那么它就会根据图片的大小调整静态控件的大小。我可以创建控件并将图片设置为它。但我不知道如何让它适合控制。这就是我创建控件和设置图片的方式。
代码：
HWND static_con(HWND hWnd, HINSTANCE hInst){
HWND Static_Pic;
Profile_Pic = CreateWindow("STATIC", NULL, SS_BITMAP|WS_CHILD|WS_VISIBLE|WS_TABSTOP, 5,5,33
浏览 1提问于2015-08-11得票数 1
1回答
嗨，我正在尝试实现这个网站用他们的大黑白图片做什么：
当您从一角调整浏览器窗口的大小时，图像将调整大小，以便整个图片按比例填充整个框架。这是否需要特定的jquery插件？或者是CSS3？我见过很多解决方案，比如设置图片背景大小: 100%，但这些都不是精确的“调整大小”，而是填满整个框架。
谢谢你的帮助！
浏览 0提问于2012-07-28得票数 0
回答已采纳
1回答
如果响应，宽度工作不正确
、、、、
我在iframe中进行了响应测试，我的代码如下所示。
<html>
<head></head>
<body>
<iframe src="http://revzilla.com" height="1600px" width="100%" frameborder="0" style="padding: 0; maring: 0; border: 0"></iframe>
</body>
但是它不像我直接打开url时那样呈现
浏览 3提问于2016-06-14得票数 2
回答已采纳
1回答
地图上的自定义图像放置
、、、、
我有40张图片。我想把它们放在网格上(或地图上的特定位置)。imageA在点0,0的事实取决于实际登录的用户的一些信息。这意味着，对于user1，他将在0,0中看到imageA，而对于user2，他将在0,0 imageC中看到。
这可以用一些css来完成，但问题是，所有这些图像都应该是地图的一部分。因此用户可以放大/缩小/平移，管理点击特定区域等。
我的第一个想法是使用带有透明瓷砖的宣传单。我的40张图片可能是放在地图上的40张图片。但这将是相当粗糙的调整大小，这将需要40*4图像(如果我想要4级缩放)。在1000*1000,500*500,250*250,125*125中生成我的image
浏览 0提问于2015-02-12得票数 0
我有一张图片：
<img class="" width="78px" height="78px" border="0" alt="" src="test.png" smartload="7" style="opacity: 1;">
和css：
img {
border: 0;
max-width: 100%;
}
当作为PC运行时(firefox)
当以移动设备运行时出现高度错误：
浏览 2提问于2012-07-01得票数 0
回答已采纳
我在另一个论坛上看到，要从控制台启动draw9pad，必须在使用sdk时从命令提示符执行java -jar draw9patch.jar。我这么做了，但我还是不能启动文件。这个工具对你的图片在不同屏幕上缩放是绝对必要的吗？我知道eclipse有这些可绘制的文件夹，可以将图片缩放到不同的dpis，或者它们不是这样的吗？控制台输出：
文件skd/tools :
浏览 6提问于2014-07-04得票数 4
回答已采纳
4回答
问题就在这里。我有一张图片：
<img alt="alttext" src="filename.jpg"/>
注意没有指定高度或宽度。
在某些页面上，我只想显示一个缩略图。我不能更改html，所以我使用以下CSS：
.blog_list div.postbody img { width:75px; }
它(在大多数浏览器中)生成一个统一宽度的缩略图页面，所有的缩略图都具有保留的纵横比。
但在IE6中，图像仅按CSS中指定的尺寸进行缩放。它保持了“自然”的高度。
下面是说明问题的两个页面的示例：
我将非常感谢所有的建议，但我想指出(由于客户选择的平台
浏览 57提问于2009-04-16得票数 93
回答已采纳
1回答
我正在尝试通过css 2图像添加到一个部分中，使它们看起来像这样：
但是我能用css管理的唯一的事情是：
我可以在html中使用div&可以通过html添加img，但在HTML5中它在语义上是错误的，因为这是一个“情绪”图片-所有情绪图片都会进入css (我的班主任告诉我)，有什么想法吗？
#Principle1 {
background-image: url(../pictures/puzzle1.png), url('../pictures/Paranormalwikipic.png');
background-repeat: n
浏览 17提问于2018-06-16得票数 0
1回答
如果显示屏变小了，例如在手机上，我如何保持“细节”和“图片”的关系？我希望“详细信息”总是留在“图片”的左边，留出一定的空白处。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type='text/css'>
body {
margin: 0;
overflow: auto;
}
#picture {
display: inline;
float:
浏览 2提问于2018-09-03得票数 0
1回答
我真是孤立无援，所以请帮帮我。
我正在为我的学校项目和图片制作一个网站，我想放大一下，我在head上找到了下面的代码。
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
<style type="text/css">
a.fancybo
浏览 0提问于2017-06-17得票数 0
回答已采纳
css
HBox:hover{
-fx-background-color: rgba(0,0,0, .25);
-fx-scale-x: 1.10px;
-fx-scale-y: 1.10px;
-fx-scale-z: 1.10px;
}
在图片上有点难以分辨，但当我缩放它时，它对我来说是相当模糊的。我该如何解决这个问题呢？也适用于按钮，我也在尝试这样做。
浏览 2提问于2021-02-10得票数 0
我准备了一个图片库，我想ZoomIn和ZoomOut的图像已经在页面控制和滚动view.Can任何人帮助我..致敬..
浏览 4提问于2012-07-05得票数 2
回答已采纳
1回答
Q：这是Firefox35中的一个bug吗？
$(angSelect[0], angSelect[2]).css("border-right-width", (function() {
var angW = $(angSelect[1]).css("border-right-width");
var boxW = selected[0].getBoundingClientRect().width;
var res = boxW - parseFloat(angW);
console.log("angW: " + a
浏览 2提问于2015-02-15得票数 0
我正在学习开发移动应用程序，只是处于初始阶段。
此查询与移动无关，但更多与html/css/js有关。
我打算制作一个简单的游戏，在这里可以看到图片，一些选项是可用的，用户可以将这些选项拖放到图像上。例如：有一个图片的植物>选项是#叶#茎#花蕾，用户必须拖放正确的选项到正确的位置上的图像，以获得分数。也就是说，将#叶子选项拖到植物的叶子上。
现在我的问题是图像，这些点的分离，我想不出怎么做。
简而言之，查询:为了上述目的，如何访问html/js中单个图像上的不同点/节？
查询(更长版本)我做了一些搜索，并意识到我可以分割图像并使用多个图像重新创建它，我尝试了这个，它有点工作，但它有很多缺
浏览 2提问于2012-02-03得票数 1
回答已采纳
CSS
.image {
height:50px;
}
HTML
<div class='span6'>
<img class='image' />
</div>
<div class='span6'>
<img class='image' />
</div>
当Bootstrap的响应式工作时，是否可以取消样式？我需要这些图像显示没有由CSS裁剪，假设图片的高度是400px。
谢谢
浏览 2提问于2013-09-18得票数 0
我有个奇怪的情况。对于使用html、jquery和css编写的网页，在同一个浏览器上，但在两个不同的选项卡中，我得到的页面呈现不同。
案例1:直接从文件系统加载html文件:在本例中，代码正确呈现。此代码使用返回2273的$window.width()。代码还使用setTimeout()和$timeout在加载DOM之后执行特定的jQuery操作
案例2:从django站点(本地托管)为html/images/css提供服务:在本例中，$window.width()出现在2067年。有些jQuery部分不能正常工作。所有的图片和整个页面的大小都是“大”的。
相同的浏览器(Chrome)不同的标
浏览 2提问于2014-01-24得票数 2
回答已采纳
2回答
我在寻找我的问题的解决方案。
我正在使用twitter bootstrap开发一个移动网站，这是我在移动视图上的结果：
<div class="row">
<div class="span4">
<div class="visible-phone" style="background-image: url('http://upload.tapcrowd.com/upload/catalogimages/719/catalogimagecardealer@2x.png&
浏览 1提问于2013-05-31得票数 0
回答已采纳
我在网页上有以下标记(使用Twitter Bootstrap)
<div class="row">
<div class="span2">
<a href="xxxx" class="link">
<img src="path/to/image1.png">
</a>
</div>
<div class="span2">
<a href="xxxx"
浏览 4提问于2013-04-14得票数 0
2回答
我有一个由两部分组成的标题。左边的20%是图片(我们的徽标)，右边的80%是导航，等等。
标题本身的宽度以及标题的任一部分都用百分比表示。高度用em表示。这导致了一个非常流畅的布局。唯一有问题的地方是标志--因为它与容器的尺寸不同，它将从完美地适应某些分辨率，到被挤压得太小，并被迫放在其他分辨率之上。
应用于图像的唯一CSS是容器内的宽度和边距。
如何确保无论分辨率如何，徽标都会填满整个容器？
浏览 0提问于2011-05-11得票数 0
3回答
调整图像大小
、、、
下面的代码可以很好地根据宽高比和高度来调整图像的大小，我也可以根据宽度创建一个单独的函数。但我并不总是确定图像是否需要按高度或宽度缩小。
例如，如果需要调整图像大小的空间是100宽和100高，而图像是150 x 90，那么它就是需要缩小的宽度。如果图像是80 x 160，则需要缩小高度。
所以我想问的是，如何修改下面的代码，使其按宽高比缩小图像，以适应宽度和高度的参数？谢谢。
jQuery.fn.resizeHeightMaintainRatio = function(newHeight){
if (this.aspectRatio == undefined)
this.aspectRati
浏览 1提问于2009-11-16得票数 2
回答已采纳
在我的主页上，我有3个链接(图片)。就像传送门。
这就是我想要做的:当你点击其中一个链接时，你会放大到那个链接上。到目前为止，它已经填满了整个屏幕。但我还不想让你看到那一页的内容。
例子： (点击云，上面写着：“主要想法”)
这在HTML/CSS/JavaScript中是可能的吗？
浏览 4提问于2014-09-16得票数 0
回答已采纳
1回答
有没有办法根据屏幕大小来缩放整个网页？我想让网页缩放依赖于屏幕的高度或宽度，这是较小的。它不是响应式的网页设计，因为所有的东西，包括文本和图片，都是随着屏幕的变化而缩放的，我希望它们仍然在屏幕上缩放，这样我就不需要修改每个CSS的百分比边距或大小。任何基于Javascript、CSS或HTML/PHP的解决方案都会很有帮助！
浏览 0提问于2014-02-25得票数 0
我有个卖书的小网站。我有它，所以我上传了一张图片(页面)，大小大约是1500x1948，但它被缩小了，使用css更适合ipad (它变成了大约946x728)。然后我有了它，所以如果你双击图像，它会缩放到原始大小(1500x1948)，你可以在页面上滚动。
是使用一个图像并使用css缩放它更好，还是只制作所需的不同大小的不同图像文件在性能上更好？
此外，当您进入横向模式时，它的大小将更改为475x366。
...I也听说最好使用大图像作为背景，而不是实际的图像，我应该这样做吗？这真的会有所不同吗？因为我有大约30-50张图片..
谢谢!
浏览 1提问于2010-09-01得票数 0
回答已采纳
1回答
我在做一个网站的皮肤/接管。
它在所有浏览器上都很好看，但android除外，在android中，皮肤图像css参数(宽度: 100%)被视为屏幕宽度，而不是网站的宽度。因此，它不包装网站，但停留在设备的屏幕宽度。请看你自己，我不能解释得很好。，我能做什么？
第一张图片是加载在星系S3上的网站，第二张图片是网站，稍微滚动一下，可以看到右侧。如果你有更好的词，请编辑我的问题。
这是临时链接，直到我将其移动到客户端：
浏览 3提问于2013-11-15得票数 3
回答已采纳
我只是喜欢图片，我想把图片和页面分开。我可以拍摄一张1024x768的图像，然后这样做
<img src="1024x768.jpg" width="400" height="300"/>
或者我可以这样做
<img src="1024x768.jpg" style="width:400px; height:300px"/>
图像将被缩放，而不是被裁剪。如何使用svg执行相同的操作？注意:我不想将svg直接嵌入到页面中。这就像对我所有的图片使用dataURL一样愚蠢。我的艺术家编辑图像，其他
浏览 0提问于2012-01-11得票数 7
回答已采纳
我做了一个小小的JS小提琴来证明我的问题。当您使用浏览器缩放页面时，记录到控制台的max-width值会发生变化，但是在CSS中它总是500 be。我怎样才能找到原始的CSS值，例如max-width，不管你是否放大了？
浏览 2提问于2012-02-21得票数 2
回答已采纳
1回答
我有一个程序可以将图像从前端(angularjs)发送到java控制器。在控制器中，我得到一个字节数组。我可以保存这个图像，但是我想在保存之前调整这个图像的大小。问题是，我想设置图片的固定高度，宽度的变化应该与高度成正比。这个程序应该是通用的，这样才能适用于不同的照片。
下面是我的代码：
@RequestMapping(value = "/rest/bookImage", method = RequestMethod.POST)
public @ResponseBody MessageDTO UploadFile(
MultipartHttpSe
浏览 6提问于2015-03-07得票数 0
回答已采纳
我在实际设备本身的iPhone 6上启用本机分辨率时遇到了一些问题，当我在模拟器中运行时，它运行在本机375x667 (由启动屏幕和视图控制器大小的nslog验证)。
2015-04-29 13:24:24.220 aqrew_ios7851:1294675视图控制器:didLayoutSubviews()- Width=375.000000 Height=667.000000
然而，当我在实际的iPhone 6( its 8.3)上运行相同的代码时，它以缩放的iPhone 5分辨率运行。
2015-04-29 13:17:02.614 aqrew_ios720:179633视图控制
浏览 1提问于2015-04-29得票数 2
回答已采纳
3回答
边框折叠在chrome浏览器中不能正常工作。一些边界线看起来很粗。请看这张图片，帮我解决这个bug。 我需要所有行的轻便边框。但是突出显示的行边框看起来像粗体。为了测试的目的，请在链接中查看并删除背景色。请在chrome浏览器中签入。https://www.w3schools.com/css/tryit.asp?filename=trycss_table_fancy ?
浏览 128提问于2021-06-24得票数 2
回答已采纳
2回答
有没有办法用谷歌地图上的API显示缩放控制滑块(就像我今天从maps.google.com拍摄的这张图片)？
变焦滑块控制
我尝试在init中设置样式：，但它不起作用。
你可以看看这个简单的例子-只有缩放按钮，但没有滑块。
var mapOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControlOptions: {
浏览 3提问于2016-12-12得票数 1
回答已采纳
我想得到类似于谷歌图片的效果，当我们将鼠标放在任何图片上时，图片就会弹出并出现在前面，而不会影响其他图片的原始位置。此外，只有当光标是静态的，而不是当我们随机移动它时，才会发生这种情况。
我试图缩放图像，但其他图像丢失了它们的原始位置。我的代码是-->
$("img").mouseover(function(){
$(this).css("cursor","pointer")
$(this).animate({zoom: '107%'}, 'fast')
}).mouseout
浏览 2提问于2012-09-28得票数 2
回答已采纳
1回答
我在一个个人网站上工作，更多的是为了练习良好的web开发技能。我正在尝试建立一个跨浏览器(大多数现代浏览器也有IE6 )和一个跨设备(试图保持它在移动设备上相同)的网页。我要建立的是一个3列浮动布局设计的页眉和页脚。到目前为止，我已经想出了一些好的做法..如果你有不同的看法，请指正我。
首先也是最重要的是保持结构(HTML)、表示(CSS)和行为(JS)的互斥。对于可伸缩性，最好的选择似乎是%unit over em unit避免使用不必要的div，以便更好地开始新行
标签最好不要使用页边距来设置样式，当需要时使用填充
现在我的问题是我的网页上有一张图片。到目前为止，我只使用了%个单位，但是如
浏览 2提问于2011-06-28得票数 0
我有我的网站上的图片，我正在使用CSS重新调整大小。强迫图像变小是一种糟糕的编程实践吗？
CSS
body #phoneimage {
max-width: 150px;
}
或
body #phoneimage {
width: 150px;
}
或
body #phoneimage {
min-width: 150px;
}
浏览 7提问于2014-05-15得票数 0
回答已采纳
我试图在保持其纵横比的同时，使用css自动地将图像安装到它的容器上。这张图片的高度太高，无法在手机屏幕上显示。我正在使用这个css，它看起来应该可以工作，但是它只调整图像的宽度变化，而不是高度。
body {
background-color: #0055AF;
overflow-x: visible;
}
#new_site_teaser {
width: 405px;
height: 683px;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
#new_site_teas
浏览 0提问于2015-03-27得票数 0
回答已采纳
我有一张地图，我已经通过Google v3 API样式的地图向导定制了JSON样式，但是没有办法编辑网格线--它们有点尴尬，没有多大用途，但我无法确定控制它们的参数。
这与打印地图无关，就像其他有关这个主题的问题一样。
编辑从geocodezip示例中添加的图片(请参见关于问题的评论)：
这是我的地图，在那里他们更明显，并将图片分割成一些任意的网格：
浏览 8提问于2013-09-22得票数 1
回答已采纳
1回答
我有一个曾经显示ok的图片，，但现在它使自己变得非常小，以前它是用来填充移动屏幕的。这是CSS：
img {
max-width: 100%; height: auto; text-align: center; box-shadow: 2px 2px 5px 1px #888;
}
a img {
list-style-type: none; text-align: center;
}
图片本身的宽度是320px，所以你会认为它很合适，但它非常小，这里是一个屏幕截图。地图图像是一个很小的，另一个是正常的
谁能告诉我我做错了什么？
浏览 19提问于2019-11-13得票数 0
如何在调整窗体大小时调整Windows窗体元素的大小？有没有办法像CSS一样100%地设置图片框、面板等的宽度？建议我一些布局的最佳实践的帮助？当我调整Windows窗体的大小时，我希望当我调整图像大小时，图像大小也会改变。如Windows图片查看器
浏览 2提问于2011-11-10得票数 1
回答已采纳
1回答
这个问题有点重复，但我已经通读了所有其他答案，但没有一个是有帮助的。我有一张想要放大的图像，可以用鼠标移动。就像这个网站上的横幅图片。https://www2.hotelspro.com/。 这是我的图片的代码 <img src="https://via.placeholder.com/500" class="flickity-viewport"> 我有一个执行鼠标移动的jQuery脚本，它工作得很好。下面是代码。 <script>
jQuery(document).ready(function($){
var lFollowX =
浏览 35提问于2019-06-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
