js设置css宽度自适应宽度 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

使用CSS调整元素大小？

jquery、html、css、resize、viewport

您可以根据其父元素的宽度调整元素的宽度，但是否可以根据其父元素的高度来调整元素的宽度？(不使用视口变量)这方面的应用程序是通过设置元素的宽度和高度(相对于父元素的高度，而不是宽度)来保持在自适应布局中的高宽比。

浏览 7提问于2015-12-21得票数 0

回答已采纳

3回答

使模态对话框固定宽度，但当屏幕尺寸比它小时，必须重新调整大小响应。

css、twitter-bootstrap、twitter-bootstrap-3

我正在使用默认的bootstrap3 css文件。不过，我需要我的屏幕宽度为1000 be。如果屏幕大于1000 to，则模态宽度仍然需要1000 to。，与窗口宽度相同。style></style> 但是这种行为与默认的引导程序相匹配，并且大小仍然是默认的600 it，如果调整小于600 it的大小，则是自适应的我基

浏览 6提问于2016-02-16得票数 1

回答已采纳

2回答

具有自适应布局的UIScrollView

ios、uiscrollview、adaptive-layout

在自适应布局之前，我固定滚动视图以适应外部视图，并设置容器视图的宽度和高度(该视图也被固定在滚动视图上)。通过这种方式，我可以垂直滚动视图。现在，随着自适应布局，我不能设置宽度，因为不同的屏幕大小.我要设置哪一个约束？我认为唯一的解决方案是通过编程将宽度设置为屏幕大小.

浏览 2提问于2015-06-07得票数 1

回答已采纳

4回答

调整网页大小以适应访问者的显示器分辨率

php、javascript、css

我设计了一个网站。我想知道是否有可能使我的网站中的页面重新调整大小，以适应访问者的显示器分辨率。

浏览 1提问于2012-05-15得票数 0

1回答

HTML css表格宽度自适应

html、css、width、css-tables、adaptive-layout

如何使表格宽度自适应？这意味着，如果有足够的空间，则将其设置为100%；如果表太宽且已裁剪，则将其设置为自动，这样表列将不会被裁剪。<div> 有没有使用CSS的方法？谢谢

浏览 37提问于2016-09-22得票数 0

1回答

如何使MS Teams机器人消息具有相同的宽度

botframework、microsoft-teams

如何在bot框架v3 c#中设置bot消息在MS Teams中的宽度。所有的卡片(英雄/拇指和自适应卡片)在MSTeams中似乎都有固定的宽度，但是来自机器人的正常文本消息是不均匀的，我们可以设置消息的宽度使其宽度与卡片的宽度对齐吗？请参阅附件中的图片。以红色突出显示的部分是宽度不均匀的文本消息。Screenshot 1： ? 请给出建议

浏览 26提问于2020-12-18得票数 0

2回答

分区的位置

html、css

嗨，这是我的css和html代码。有几个div。当浏览器的大小是最大值时，没有问题，但是当我将浏览器的大小改小时，div的位置就会改变。Content-Type" content="text/html; charset=utf-8" /><style type="text/css

浏览 3提问于2012-08-03得票数 0

回答已采纳

1回答

如何解析不同语言之间的表单样式，如英文和中文

css、forms

那么，如何处理表单在不同语言中标签宽度的不确定性所带来的样式问题呢？编辑:我想知道我是否可以使用CSS来动态计算标签所需的宽度并自适应。

浏览 2提问于2019-09-16得票数 0

4回答

如何使mediaQuery对代码中动态设置的写值进行处理？

javascript、jquery、html、css

我有一个div，它有一个基本的宽度值，设置在一个css文件中。在该文件中，我还对新的基本宽度进行了媒体查询，并将方向更改为纵向。在我的javaScript中，我有一个函数在文档准备就绪时动态地更新宽度。所发生的情况是，当调用媒体查询时，更新的宽度-是js动态设置的宽度，它会自动覆盖新的媒体查询css宽度。换句话说，一旦我在代码中动态地设置了宽度--媒体查询将不再

浏览 3提问于2014-08-13得票数 2

1回答

WKWebView loadHTMLString

ios、objective-c、wkwebview

我使用WKWebView加载服务器返回的html字符串，并设置CSS，但是页面没有显示手机屏幕，我该怎么办？NSString *htmlString = [NSString stringWithFormat:@"<html><head><link rel=\"stylesheet\" type=\"text/css\" href=%@ /></head><body>%@</body>

浏览 12提问于2017-02-22得票数 1

3回答

自适应输入宽度css

html、css、width

我在文本输入方面遇到了问题，可以将其设置为“自适应”吗？如果我加上输入的宽度，左边会有太多不必要的空间。同样，如果它不够宽，您就不能看到整个输入。 }有没有办法让这个区域“自适应

浏览 57提问于2020-02-24得票数 0

1回答

基于相同的<div>宽度动态设置<div>高度和边距

javascript、jquery、web、responsive-design、parallax

我正在创建一个响应式的网站，我想根据它的宽度来调整高度。这将是一个视差和响应式网站。为了提高站点的响应性，我决定让容器元素自适应，并根据媒体查询调整大小。然后，这个孩子将有90%左右的宽度。我想编写JS，或者在JQuery的帮助下，根据每个断点处的新宽度来设置高度和边距。我认为这会比尝试为每个断点设置一个新的"px“高度容易得多。由于我想要一些视差效果，我需要将s边距设置为%，而不是像素，以便在多个设备上获得相同的效果。如果有什么不合理的地

浏览 4提问于2013-08-01得票数 2

1回答

CSS Fluid布局

html、css、viewport、fluid-layout

我正在设计一个使用CSS fluid布局的网站(基于自适应/响应式网页设计)我的问题是，虽然我确实理解如果我给容器一个100%的宽度，它将根据浏览器窗口(或视口宽度)进行计算。但是字体大小呢，比如当我们将正文字体设置为100%或1em时，它将如何计算？另外，桌面设备和移动设备上的可见字体大小也会相同吗？

浏览 4提问于2011-08-08得票数 1

回答已采纳

1回答

桌面的引导固定宽度和其他设备的流体宽度

css、html、twitter-bootstrap、responsive-design

，psd:，psd宽度大于1200 px，主容器宽约900 px，背景清晰。，html，，但是当我创建到html并保持它响应时，我发现背景图像几乎被主容器隐藏，这通常是发生的。

浏览 1提问于2014-04-25得票数 0

回答已采纳

1回答

如何使用窗口滚动调整div宽度(Jquery)-但仅为css中div宽度的1/3

javascript、jquery

现在，它是用javascript中硬编码的容器宽度设置的。我需要的js抓取宽度的容器div调整它与窗口滚动。但仅调整#container div宽度的1/3。它目前的设置方式是，您必须手动将脚本设置为css中div的宽度。我希望能够在css中更改div的宽度，让js抓取它，并只允许用户在到达窗口底部时调整其宽度的1/3。

浏览 0提问于2012-07-29得票数 3

1回答

使用Adaptivetheme子主题如何有固定宽度的左列？

theming

我如何有一个固定宽度的左柱和液体右？目前，在我的面板配置中，只有流体布局可用，例如At 2列33/66。

浏览 0提问于2013-02-24得票数 0

回答已采纳

2回答

如何对主题中的面板元素使用最小宽度或最大高度？

css、drupal、drupal-7、themes

如何在响应式主题中使用面板元素的最小宽度或最大高度(在我的例子中，使用的是Drupal7的ZirconforDrupal7 )？如果使用最小宽度，则在为移动电话调整大小时元素会重叠。你能指出在哪里改变css，使它在两种情况下都有效，还是在最小宽度的情况下工作？pane1{最小宽度: 300px；} pane2{

浏览 0提问于2016-06-30得票数 0

1回答

如何使用viewport meta标记缩放固定宽度的布局以适应不同的屏幕宽度

viewport、tablet、fixed-width、mobile-browser、adaptive-design

我在一个固定宽度的传统网站上工作，希望通过实现几个自适应布局来为平板电脑用户创造更优化的体验。第一个布局将是600px宽的设计，它将显示在屏幕宽度为600px - 768px的设备上。第二个自适应布局将是769px宽的设计，它将显示在屏幕宽度为769 - 1023的设备上。我想知道如何使用viewport meta标签来扩展设计，以适应宽度比原始设计更大的移动浏览器。例如，当在浏览器屏幕宽度为768px的设备上查看600px的设计时，如何才能使较小的设计占据整个屏幕的

浏览 8提问于2013-07-22得票数 1

4回答