问题标签 [responsive]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
26 回答
589754 浏览

html - 如何让 div 填充剩余的水平空间?

我有 2 个 div:一个在页面的左侧,一个在页面的右侧。左侧的一个具有固定宽度,我希望右侧的一个填充剩余空间。

0 投票
10 回答
514581 浏览

html - 如何制作一个
总是全屏?

不管它的内容如何。

是否有可能做到这一点?

0 投票
1 回答
322 浏览

html - LG手机上的网页宽度

我正在尝试开发一个手机网站。
目前,它似乎可以在 iPhone、Android HTC Desire 和 N95 上运行。

当我在 LG Renoir 上试用它时,页面显示的宽度至少是应有宽度的两倍,而不是适合屏幕宽度的页面,这意味着您可以左右滚动。

我该如何阻止它?

0 投票
3 回答
2422 浏览

ios - iPhone上的extjs应用程序

这是一个 extjs 单页应用程序,在 FF、IE 和 Safari 中运行良好。

在 iphone 中查看或使用这个 extjs 应用程序有几个问题。extjs 面板/窗口不会像在普通屏幕中那样调整大小。当用户缩小时,扩大的查看区域被消隐。示例图像如下:

  • Iphone 无法识别 extjs 的组合框。
  • 无法向下滚动。

替代文字

视口问题:主要问题是视口。它不能在 Iphone 中正确滚动或缩放。

0 投票
1 回答
1620 浏览

html - 推荐的移动尺寸

我正在着手首次涉足移动网站设计 - 我已经设置了一种将移动用户重定向到单独 URL 的方法,但现在我需要设计网站的移动版本(针对 Android / iPhone 等智能手机) . 我应该将它创建到什么维度?有没有办法强制移动浏览器缩小内容?(目前我的网站在移动窗口中显得非常大,您必须水平和垂直滚动才能看到所有内容)。

0 投票
1 回答
265 浏览

html - 开发手机网页,分辨率选择

我正在开发一个需要能够在移动平台上查看的页面。什么分辨率应该是这个标准?我住在挪威,这里的市场上主要是 iPhone 和 HTC 手机。

有任何想法吗?

0 投票
1 回答
2552 浏览

html - 如何保持按钮、文本和图像相对于屏幕/浏览器大小?

我正在制作一个小型网站,而且我对 CSS 很陌生,但是每当我更改正在处理的网页的大小时,就没有任何东西与正在显示的屏幕大小相关。例如,我在右侧有文本,如果我通过最大化右侧的文本来增加浏览器的大小,则会保持在原位并且现在位于浏览器的中心。

通过拖动浏览器的一角,我的一张图片随着网页大小的增加和减少而移动。我在我的超链接列表、文本框或一般文本中对该图像使用相同的 CSS 代码,但它根本不起作用。

我研究了高低,我在上面找到了一些东西,但似乎没有任何效果。我很沮丧,我的网站也是本地的,所以我什至无法分享链接。如果有人不明白我的意思,我会尝试重新解释,很难解释这个问题。

适用于图像的代码:

另外,我想将超链接移动到左上角,如果这会有所不同,则不要自动分配它们,并且我也无法触摸 HTML 代码,只能触摸 CSS。(我正在做一个 CSS 测试,看看我是否能够复制已经完成的网页图像。我不是将其作为课程作业或大学/大学测试的一部分,我是一名学生,但我'我正在以软件工程师的身份工作,这是我自学的兼职作业)。

0 投票
8 回答
516739 浏览

html - 具有“自动”高度的 100% 宽度背景图像

我目前正在为一家公司开发移动登录页面。这是一个非常基本的布局,但在标题下方有一个始终为 100% 宽度的产品图像(设计显示它总是从边缘到边缘)。根据屏幕的宽度,图像的高度显然会相应地调整。我最初使用 img(CSS 宽度为 100%)进行此操作,效果很好,但我意识到我想使用媒体查询来提供基于不同分辨率的不同图像 - 比如说小型、中型和例如,同一图像的大版本。我知道您不能使用 CSS 更改 img src,所以我认为我应该为图像使用 CSS 背景,而不是 HTML 中的 img 标签。

我似乎无法正常工作,因为带有背景图像的 div 需要一个宽度和一个高度来显示背景。我显然可以使用 'width: 100%' 但我用什么来表示高度?我可以放置一个随机的固定高度,例如 150px,然后我可以看到图像的顶部 150px,但这不是解决方案,因为没有固定高度。我玩了一下,发现一旦有高度(用 150 像素测试),我可以使用“背景尺寸:100%”来正确地将图像放入 div 中。我可以在这个项目中使用更新的 CSS3,因为它只针对移动设备。

我在下面添加了一个粗略的示例。请原谅内联样式,但我想举一个基本的例子来尝试让我的问题更清楚一点。

我是否可能必须根据整个页面为容器 div 指定一个百分比高度,或者我是否完全看错了?

另外,你认为 CSS 背景是最好的方法吗?也许有一种技术可以根据设备/屏幕宽度提供不同的 img 标签。总体思路是,着陆页模板将多次用于不同的产品图片,因此我需要确保以最佳方式开发此模板。

抱歉,这有点啰嗦,但我从这个项目到下一个项目来来回回,所以我想完成这件小事。提前感谢您的宝贵时间,非常感谢。问候

0 投票
5 回答
10957 浏览

css - 将 min-width 设置为内容的宽度

我有一个背景包含表格的 div。我希望 div 具有 100% 的宽度,除非它比表格的长度窄。我可以做这样的事情:

这对于 900px 宽的表格来说非常好,但如果它比那个窄,我会有不需要的滚动条,如果它比那个宽,我会有无法访问的内容。显然,这可以用 JavaScript 轻松解决,但我想知道是否有纯 CSS 的解决方案,所以我的应用程序不是那么 JS-heavy。

有关正在发生的事情的视觉效果,请参见此处。我想要的是绿色背景在表格中的文本溢出时溢出视口。

0 投票
4 回答
920 浏览

jquery - 响应式表

我试图让我正在处理的表格数据以一种我认为据我所知不可能的方式响应,除非这里的其他人认为它是?

基本上我有一个表格,它在最大尺寸下显示 TR 中的 3 个 TD 元素。当向下滚动到最小尺寸时,TR 仅显示 2 个 TD 元素,其中之前的第三个 TD 显示在 2 下。像这样的东西(或多或少的视觉表示):

最大宽度:

最小宽度:

这甚至可能吗?如果是这样,如何开始?这需要jQuery吗?