我正在尝试创建一个动态报告，它将显示一行图像，每次创建报表时都可以更改。我基本上有三个方框来显示图像。但是，考虑到对源几乎没有控制，我试图定义CSS来调整图像的大小以适应容器中的需要。我所能做的最好的就是强迫他们达到一个打破比例的大小，这是不好的，因为图像必须是正确的，而不是扭曲的。
目前使用的CSS：
.thumb_a { border:1px; border-color:#000000; padding:3px; width:230px; height:230px; }
.thumb_b { border:1px; border-color:#FFFFFF; width:220px; he
浏览 2提问于2017-06-21得票数 1
我在页面上有很多jQuery插件的数据表。对于某些数据表，with适合页面，但对于其他数据表，数据表的宽度大于页面。我尝试了很多方法都没有成功: html中的-set样式-use数据表的这个函数
fnInitComplete : function() {
$("#tableid").css("width","100%");
}
。使用这些方法，我不能正确地设置它，也不知道如何设置。
浏览 18提问于2016-09-24得票数 0
1回答
我的问题描述如下：
我正在实现一个电子阅读器的应用程序，它通过CSS3设置分页-多列。
假设pageWidth为680。
首先，当uiwebView完成加载时，scrollview位置的x为0。
如果控制器正在运行下一页，则scrollview position+=680的x。
同样，当控制器运行前一页时，x的滚动视图位置-=680。
但如果上一页或下一页上有任何图像，则运行速度较慢。
看起来“will视图的可见矩形之外”的图像直到图像变为可见时才开始加载。
如何加载/绘制webview的可见矩形？
我可以更改webview的可见矩形的大小吗？
我期待着你的进一步解释，提前谢谢你！
浏览 1提问于2011-09-05得票数 1
1回答
如何防止img拉伸其父级
、、、、
我正在使用标记语言添加文章到网站。所以，为了把图片添加到我的帖子中，我写了
img出现在页面上。但是有一个问题--如果图像的原始宽度超过容器的宽度，图像就会拉伸它的父div。我使用固定的布局，所以容器元素的宽度是用css硬编码的。问题是:是否有可能阻止图片拉伸我的div，而是自动调整大小，以很好地适应它？
浏览 0提问于2014-03-06得票数 0
回答已采纳
2回答
我正试图在UWP应用程序中实现XAML-WebView控件中的缩放内容匹配功能。由于似乎在使用JavaScript，所以我的方法是动态设置body元素的zoom CSS-属性。
现在的问题是找到正确的缩放因子。
根据文档，WebView在文档模式下使用边缘浏览器。
但是，在边缘中，我发现document.body.clientWidth-property总是返回文档宽度，而不考虑窗口大小甚至缩放因子。因此，我使用
document.body.style.zoom = (window.innerWidth * 100 / document.body.clientWidth) + '%&#
浏览 4提问于2016-11-24得票数 6
2回答
我试图使用以下代码将内容插入到水平滚动div中：
<div id="scrolly">
<div id="chartdiv_hourly" class="vh72" style="width:200%;">
</div>
</div>
#scrolly{
width: auto;
overflow: auto;
height: auto;
white-space: now
浏览 4提问于2014-10-26得票数 0
1回答
我正在使用的lightbox在除了IE之外的所有浏览器上都工作得很好。在IE中，它给了我三个卷轴。
iframe的CSS代码：
#wrap {
float:left;
width:800px;
height:500px;
overflow-x: hidden;
overflow-y: scroll;
}
#content-wrap {
float:left;
width:700px;
padding-left:50px;
}
为什么IE要向lightbox窗口添加额外的滚动条？有什么建议吗？
浏览 4提问于2010-02-21得票数 1
1回答
我在想，除了之外，在iOS设备中使用iOS动态文本还能控制什么呢？
例如，是否也有调整UIImageViews的方法？或者其他的UIViews？
浏览 2提问于2019-07-23得票数 0
我有一个只在肖像模式下运行的应用程序。我想加载css取决于屏幕尺寸为S5和较小的一个为Moto E。
适用于S5 homeScreenStyleiPhone的homeScreenStyle和配置，以及适用于Moto E的iphoneConfigure
设备像素宽度像素高度CSS像素比率设备宽度设备高度
Moto E 960 540 2 480 270
银河S5 1920 1080 3 640 360
我尝试了css的不同变体，但它不起作用，
<meta name="viewport" content="initial-scale=1, maximum-scale
浏览 1提问于2015-05-14得票数 0
3回答
我目前正在为一个客户的网站工作(仍在进行中)，并试图修复网站上的一些移动问题。
我遇到的主要问题是移动浏览器(android + iphone)加载的网站完全放大了网站的左上角部分。我希望它被缩小以适合视口中的整个站点宽度，而不考虑视口的宽度。
可在此处查看该网站：
这个问题有没有简单的解决办法？我对HTML / CSS很有经验，但在移动浏览器方面我还是个新手。
下面是我的header.php文件中可能相关的一些超文本标记语言。我尝试更改width属性，但无济于事。初始比例属性是有效的，但太宽了-我希望站点完全缩小，适用于所有移动浏览器，无论方向或屏幕大小。
有没有办法做到这一点？
浏览 0提问于2012-05-25得票数 11
回答已采纳
1回答
我试着做一个带靴带的条纹水平设计。
这是一个例子：
正如所看到的，它使用<section>，其中有一个带有.container类的div (而不是.container-fluid)。
我在该网站上所不明白的是：
他们如何能够使部分背景颜色/图像覆盖整个网站的宽度？当我尝试一种类似的方法，在css背景图像，它不涵盖整个页面的宽度。这是他们的css：
#features {
background-image: url(http://getonepager.com/wp-content/uploads/2015/07/bg1.png);
background-repe
浏览 5提问于2016-06-16得票数 0
回答已采纳
3回答
看看这个。
这是td的基本CSS。
td {
height: 30px;
border: 1px solid grey;
background-color: rgb(141, 176, 248);
}
有一个带有30 is图像的单元格。但是，这个细胞的宽度仍然是600 in。有人明白为什么吗？
浏览 3提问于2013-03-07得票数 1
回答已采纳
2回答
我真的被一些应该很简单的事情困住了。我在谷歌上搜索过修复程序，但是找不到。大多数人都说要添加{box-sizing: border-box;}，但我已经有了。
HTML代码：
<div class="row">
<form method="post" action="#" class="contact-form clearfix">
<div class="row">
<div class="col span-1-of-2">
浏览 2提问于2017-01-27得票数 2
回答已采纳
1回答
当我用带有position: fixed的div包装进度条时，进度条就消失了：
.volume {
position: fixed;
top: 10px;
left: 10px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />
<div class="volume">
<div class="progress"
浏览 3提问于2017-12-29得票数 2
回答已采纳
我有一个简单的web应用程序，它使用jQuery (v1.12.4)和tablesorter插件(v2.28.15)。
在应用程序的一个页面上，我将显示一个HTML表，该表包含内容不特别宽的两列。
如果我没有指定一个tablesorter主题，表将如我所期望的那样显示(和希望)两个列的大小以适应它们所包含的数据。
但是，如果我确实指定了一个tablesorter主题，表的宽度将固定在浏览器窗口的宽度上，并且每个列都有一半的空间。结果通常是不自然的宽列，很难阅读，因为文本相距太远。
我仔细查看了的github文档，没有发现任何相关内容。
我已经尝试过不同的表运者主题，并且看到了每个表的相同行为。
浏览 1提问于2017-09-27得票数 1
回答已采纳
我试图在我的主页上定位我的页脚，但一旦我应用位置固定或绝对，一个断线出现在文本或它的一半消失，元素之间的间距在页脚内改变。
是什么引起的？
<div class="footer- callout">
</div>
<footer id="colophon" class="site- footer footer bg-dark" role="contentinfo">
<div class="container footer-inner">
<
浏览 1提问于2020-06-09得票数 0
回答已采纳
1回答
我已经构建了一个动态大小的网格布局，可以在任何大小的分辨率(电话、平板电脑、桌面)中合理地适应，并处理调整大小，同时接近像素-完美(对不起，我是强迫症-我说“接近”，因为我的数学现在是坏的，你不能在一个奇怪大小的容器内容纳两个大小均匀的元素，而不在一侧填充1倍)。
不管怎么说，下面是我和JavaScript一起黑的链接。这是我想要成功的一个例子。调整底部窗格的宽度，看看我要做什么。
它有一些丑陋的手动JavaScript，后来被移植到了角，但是计算所有样式的丑陋的JavaScript仍然存在。
所以我的问题..。我能用严格的CSS来完成这个任务吗？或者更多的CSS和更少的JavaScript
浏览 3提问于2013-03-27得票数 2
回答已采纳
2回答
我正在尝试创建一个"fluid“网站，并且在我的css文件中有：
page-wrap{
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
}
在我的页面模板中，我将正文的宽度设置为80%并居中。我的意图是，当我将浏览器窗口缩小时，它将删除正文左右两侧的空白区域，直到正文周围没有空间为止。此时，将出现一个水平滚动条。我不确定我是否解释清楚了，但是一个示例类似于stackoverflow.com，当您缩小浏览器窗口时，主体左侧和右侧的空格将被删除。不幸的是，就我所拥有的，我的主体周围的空间保持不变
浏览 1提问于2011-03-14得票数 0
回答已采纳
这是rss提要的代码
*\x{e76f}\x{e76f}=
\x{e76f}\x{e76f}=.
=.
图片风格来自博客网站，我无法改变，我有使用css的重要标签，但不工作，请给我建议。
浏览 2提问于2016-08-01得票数 2
1回答
我有一个粘性的侧边栏，当用户向下滚动页面时，它位于窗口的顶部。
它在桌面大小下运行良好，但当将屏幕大小调整为平板电脑大小时(@媒体屏幕和(最小宽度: 768px)和(最大宽度: 959px) )，它不再卡住...
我是否必须将媒体查询添加到我的Javascript中？
你可以在上看到这个项目
$('#sticky').scrollToFixed({
marginTop: 20,
limit: function() {
var limit = $('#foot').offset().top - $(&
浏览 0提问于2012-09-03得票数 0
回答已采纳
4回答
我试图让页面水平溢出，而不是垂直溢出，所以如果内容不适合页面窗口，我希望它只能通过overflow-x栏进行滚动，从而保持页面的固定高度。这个想法是让它水平“增长”--向右。理想情况下，使用CSS可以做到这一点吗？
任何帮助都将不胜感激！:)
谢谢，保重，真的，Piotr。
浏览 6提问于2011-08-01得票数 4
我有这些图片在我的网页，我想自动缩小时，视口的宽度缩小。我使用以下CSS来完成此操作：
.autoResizeImage {
max-width: 100%;
height: auto;
width: auto;
}
我想调整大小的图片有两种：
那些在td的table中的
不在table中的
在Chrome上，当视口宽度减小时，两种类型的图像都会自动缩小。但是，至少在Firefox和Internet上，这种收缩只发生在第二种类型，而不是第一种类型(出现滚动条)。
JSFiddle:
注意，包含图像的小单元格不会在Firefox/IE中调整大小，但是底部
浏览 2提问于2013-07-14得票数 2
2回答
我有一个遵循这个答案的来在视图控制器中嵌入一个滚动视图(我的是垂直的而不是水平的)。
除了视图在释放时会反弹之外，所有的约束都在工作。我已经尝试了很多不同的解决方案，但都不起作用！请帮帮忙，我正在使用自动布局我的主要目标是能够通过滚动显示屏幕上的所有按钮。
编辑：
我已经尝试了所有类型的方法来增加contentSize，但什么也没有发生-滚动视图不能正常滚动。我从有相同问题的人那里尝试了不同的代码，但反弹不会停止。我在我的约束上做错了什么吗？这是非常令人沮丧的，请帮助。 (正如我所说，我遵循了这个答案)
浏览 1提问于2016-06-07得票数 2
我在一个网站上使用Bootstrap 3，我想用一个bxSlider滚动条一次显示两列，但是slideWidth参数要求绝对宽度，这是不可能的，因为我在BS的预定义CSS中使用百分比。
我到处找，似乎找不到关于这个问题的任何东西。
这是HTML：
<div class="row">
<ul class="cs-ticker">
<li>
<div class="col-lg-6 col-md-6">
浏览 0提问于2014-04-25得票数 6
回答已采纳
4回答
我有一个狭隘的观点，我正在插入一些HTML。每隔一段时间就会有一个太宽的图像，所以我一直在包装原始的HTML字符串，使用这个CSS来控制它：
<style type="text/css">p{max-width:100%;}img {max-width:100%;}</style>
<div style=\"word-wrap:break-word\">
.
. ...original HTML inside the div wrapper...
.
</div>
但是它不按比例缩放图像的宽度和高度，所以结果是一个
浏览 6提问于2011-10-16得票数 7
3回答
我一直在乱搞一些反应灵敏的图像技术，却发现了一件让我困惑的事情。
我在容器中包装了一个href标记中的图像。这个容器作为一个井，容器，把所有的东西放在一起。href标记充当定义了特定大小的图像容器。然后将图像width设置为100%以适应其容器。
下面是代码：
The HTML:
---------
<div class="img-conatiner">
<a href="#" class="img-grid">
<img src="http://placekitten.com/30
浏览 5提问于2013-10-24得票数 0
回答已采纳
3回答
我有一个width: 400px;和overflow: auto的div。是否可以在显示滚动条时调整div的宽度？
参见示例： (上下调整“结果”框的大小)
我更喜欢css解决方案。
浏览 4提问于2014-04-18得票数 1
回答已采纳
我正在尝试创建一个css工具提示，html和css代码，同时也给出了小提琴的链接。
<a class="tooltip" href="#">CSS Tooltips 1
<span>Tooltip1</span></a>
</br>
<a class="tooltip" href="#">CSS Tooltips
<span>Tooltip This is not working for me </
浏览 0提问于2014-08-26得票数 1
回答已采纳
1回答
关闭jQuery手风琴自动上浆
、、、、
我正在使用jQuery UI手风琴控件向我的用户展示一些信息。手风琴窗格中的一些数据本质上是“段落”，有些窗格只是包含一个项目列表。当信息的“段落”类型显示在窗格中时，控件将填充容器div的大小。但是，当用户切换到具有列表类型数据的窗格时，手风琴控件会收缩以适应较小的内容。我不想让它那样做。我希望它能永远填满100%的集装箱。我试过关闭动画，将宽度设置为100%，关闭，设置fillSpace: true，都不起作用。这是我的html / css
<section id="view-right">
<div id="letters-accord
浏览 0提问于2015-11-30得票数 2
回答已采纳
2回答
我正在尝试使用XCode 6界面生成器构建一个视图控制器nib。目前，我的视图控制器只包含一个我设置为深灰色背景色的视图。当我在iPhone模拟器中加载它时，一切都像预期的那样工作，即视图用深灰色的背景颜色填充屏幕。当我加载iPad时，视图向左向上移动。
对于压缩大小的类，我使用w: iPhone h:Regular。
对于iPad大小的类，我使用w:Regular h:Any。
在界面生成器预览中，iPhone和iPad看起来都应该是这样的。
下面是它在iPad模拟器中的样子：
其他值得注意的事情。图像中显示的视图控制器是整个视图控制器。它不仅仅是部分可见的。你知道为什么会发生这种
浏览 0提问于2014-12-20得票数 1
我使用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
2回答
如何使下图具有响应性？当我尝试删除高度和宽度时，图像就消失了。
我正在创建一个使用CSS的图像映射，因为我不想使用HTML映射。
我想创建一个响应式的图像。
<div class="img-responsive" style="position:relative; height:1122px; width:779px; background:url(https://image.ibb.co/eZWkb7/0001.jpg) 0 0 no-repeat;">
<a style="background-color:red;posit
浏览 3提问于2018-05-01得票数 2
我用小提琴复制一个bug，但它总是在小提琴上工作，而不是在网站上。
它只是p标记的水平分组。
在小提琴里它工作得很好。见。
这是HTML
<div id='mi_control' class='radius_all'>
<p id='mi_cover_l' class='menu_bottom small_dark'>Foo ©</p>
<p id='mi_about_l' class='menu_bottom sma
浏览 1提问于2015-08-06得票数 0
回答已采纳
1回答
我试图放置一个图像作为div的背景，并在窗口大小发生变化时调整图像的大小。 React组件： import React from 'react';
const Test = () => {
return (
<div className="img-fluid test">
<br/> // if I add this tag then part of the image is shown
<br/> // if I add another one, then image is shown e
浏览 9提问于2019-02-26得票数 0
回答已采纳
2回答
据我所知，div中包含的按钮应该留在其中。这是当我让它们显示为内联时的情况，但是它们没有大小。当我将display设置为inline-block时，它们会出现在页面的底部，但这次的大小是正确的。这是我第一次用css做一些事情，所以我对所有东西的工作原理都知之甚少。我们将非常感谢您的帮助。 html {
height: 100%;
}
body {
height: 100%;
}
.slider {
width: 100%;
height: 20%;
overflow: hidden;
position: fixed;
text-
浏览 21提问于2021-05-02得票数 0
2回答
我肯定我对这个问题的措辞很差，但我的问题是：
我正在创建一个很长的地毯清单，每个地毯有一个图片，标题，大小，原价和清仓价格。我把每一块地毯都放在了自己的班级里，并为剩下的地毯做了类似的重复。下面是这个类当前的样子：
<div class="fLeft">
<img src="rug_index_package/rugs/O_5.jpg"/>
<p>Tabriz Wool and Silk</p>
<p>11.8m up to 20m</p>
<br>
<p>Origi
浏览 5提问于2015-05-25得票数 0
回答已采纳
1回答
我不知道这是从哪里控制的，你能指给我看吗？我是CSS的新手。
当您调整窗口大小时，图表会从容器中取出。你在CSS的什么地方控制它呢？我不需要调整图表的大小，至少把它隐藏起来？这有可能吗？
我正在使用twitter bootstrap，下面是生成的HTML
<div class='row-fluid'>
<div class='span9'>
<div class='box'>
<div class='box-content padded'
浏览 0提问于2013-07-20得票数 0
回答已采纳
1回答
我有一个图片库GridView：
<GridView x:Name="list1" Padding="5" SelectionMode="Multiple">
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<ItemsWrapGrid MaximumRowsOrColumns="3" Orientation="Horizontal"/>
</ItemsPane
浏览 2提问于2015-12-01得票数 3
回答已采纳
我在我的页面上有一个Facebook的“赞”按钮：
<div class="fb-like" data-href="http://mysite.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"/>
我还有SDK和'fb-root' javascript (按钮的功能与其应有的功能相同)。
由
浏览 0提问于2012-08-18得票数 0
1回答
基于图像大小设置分区高度
、、、、
因此，我在我的php代码中填充了三个javascript数组，以保存照片的尺寸和它的源代码。然后，我只在页面上显示图像的325x300缩略图，假设使用php的尺寸不等于325x300。
当用户单击其中一个缩略图时，我希望它在#largeImage中打开完整大小的图像，并将其取消隐藏。到目前为止，这是可行的。
然而，我遇到了麻烦，让潜水调整尺寸到图像的尺寸。我使用php来获取维度(除非有更好的方法在jQuery中这样做)。此时div没有调整大小，我也不知道从这里到哪里。我已经包含了来自php代码的jquery和输出html。
<html>
<head>
<s
浏览 5提问于2015-02-14得票数 0
回答已采纳
1回答
形势:
我有5个CSS文件：
具有适用于任何地方的某些样式的base.css
宽度高达339 to的339px.css
宽度可达639 to的639px.css
999px.css和
bigscreen.css用于任何大于999px宽度的事物。
代码:
<link rel="stylesheet" type="text/css" media="all" type="text/css" href="css/base.css" />
<link rel="s
浏览 0提问于2013-11-12得票数 13
回答已采纳
有什么简单的方法可以让input像我的示例中的div那样从左到右增长呢？在这种情况下，为什么输入标记(以及按钮)不像div那样工作(缺少的</input>是这样的标记的问题)？
示例HTML：
<div class="wrapper">
<div></div>
<input>
</div>
示例CSS：
.wrapper {
position: relative;
width: 300px;
height: 300px;
background-color: blue;
}
div
浏览 3提问于2020-09-18得票数 1
回答已采纳
我试图使用margin 0 auto将父div内的一个div (在列模式下显示flex )中的一个div水平地居中。当我这样做时，内部div就会缩小到其内容的大小。有人能解释一下为什么会发生这种情况吗?如何解决这个问题？
<div class="container">
<div class="mydiv">
CENTER THIS DIV
</div>
</div>
CSS
.container{
background-color: brown;
heig
浏览 2提问于2020-09-16得票数 0
回答已采纳
我有以下html结构：
<div id="container">
<div id="block1">
<img src="someimage/path" />
</div>
<div id="block2">
Some Text
</div>
<div id="block3">
Some Text
</div>
</di
浏览 0提问于2012-06-27得票数 2
回答已采纳
我对以下布局有一个看法：
[Image] [button1] [label1] [button2]
[label2]
button1 & button2应该根据文本的长度来增长和缩小，label1总是包含相同的文本，所以它不需要调整与将要调整的按钮对齐。
我的iOS技能不是很好(我更像一个android )，所以我不知道我是如何做到的。
浏览 0提问于2019-02-04得票数 0
回答已采纳
3回答
我不定义div的固定宽度，而是指定最小宽度(如果内容非常少)和最大宽度(如果内容更多，则隐藏额外的内容)。
例如，我的html是：
<div class="container">
<div class="test">x</div>
</div>
CSS:
.container{
padding:10px;
border:1px solid red;
width:200px;
text-align:center;
}
.test{
border:1px soli
浏览 10提问于2011-11-10得票数 2
回答已采纳
我正在制作一个Windows 8应用程序，我使用网格视图在动态生成的文本块中显示单词。我希望每个文本块都具有精确的宽度，以便与其中所包含的相应单词相匹配。有办法这样做吗？
谢谢
浏览 3提问于2014-01-09得票数 0
回答已采纳
所以我基本上是把这个站点的所有内容都包含在一个div中。这是一次成功。我的菜单栏在主菜单栏的内部。通过一些代码的重新安排和CSS的修改，我已经得到了我的图像画廊div在正确的地方。但是，这对其他决议是否有效？有更简单的方法让我的画廊出现在我的菜单栏旁边吗？该网站的现场演示可以在上找到。任何帮助都将不胜感激。我试图使这个网站的规模动态，使它看起来很好，无论哪个浏览器/分辨率正在查看它。
代码：
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;
浏览 5提问于2013-08-14得票数 1
回答已采纳
直接链接发布：
<div class="overall_content">
<div class="content">
<p>jessicaPhotography<br><img src="images/heart.png"></p>
<div class="content_picture">
<p class="main&#
浏览 0提问于2013-04-05得票数 0
2回答
我想用div做桌子。我以这种方式嵌套div：
<div class='table'>
<div class='row'>
<div class='cell'>
</div>
...
...
</div>
</div>
我改变每个div的宽度，而不是所有的事情都像预期的那样改变。
更改表div的宽度很好。
表宽设置为70
浏览 2提问于2015-02-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
