responsive相关内容

响应式表

我正在尝试以一种我认为不可能的方式来响应我正在处理的表数据,除非这里的其他人认为这是可能的? 基本上,我有一个表格,最大尺寸显示 TR 内的 3 个 TD 元素.当向下滚动到最小尺寸时,TR 只显示 2 个 TD 元素,之前的第三个 TD 显示在 2 下方.类似这样(或多或少的视觉表示): 最大宽度: 第一表数据 第二个表数据 第三个 ..
发布时间:2021-12-28 11:41:39 前端开发

Bootstrap 4 使用 Angular 4 折叠导航栏

我想使用 Bootstrap 4 和 Angular 2 制作一个导航栏,当浏览器的宽度达到某个值时,将其内容折叠在按钮上.我实现了这一点,当导航栏折叠时,我可以看到包含导航栏中元素的按钮,但此按钮不起作用.如何在不使用 jquery 的情况下解决此问题?我正在尝试使用 ng-bootstrap. 在图片中,您可以看到导航栏折叠时的按钮. 到目前为止我的代码: ..
发布时间:2021-12-24 09:04:27 其他开发

为什么我的响应式 D3 图表上的某些网格线会随机消失?

我为我的 D3 图表创建了一个精简的JSFiddle.我使用以下解决方案使其具有响应性(使用 viewbox 和 preserveaspectratio):响应式 D3 图表 当我调整窗口大小并使其变小时,一些网格线似乎消失并重新出现.我认为这在小分辨率下看起来很糟糕(例如 320x480 手机).当窗口变小时,有没有办法保留我的网格线? HTML 代码: ..
发布时间:2021-12-18 19:49:42 其他开发

如何根据不同的屏幕尺寸使 Flutter 应用程序响应?

我在根据各种屏幕尺寸做出响应方面遇到了困难.如何让它响应? @override小部件构建(BuildContext 上下文){返回新容器(装饰:新 BoxDecoration(颜色:Colors.white),孩子:新堆栈(孩子们: [新填充(填充:const EdgeInsets.only(底部:350.0),孩子:new GradientAppBar(" "),),新定位(底部:150.0, ..
发布时间:2021-12-06 22:46:45 其他开发

如何使 div 填充剩余的水平空间?

我有 2 个 div: 一个在页面左侧,一个在右侧.左边的一个有固定的宽度,我希望右边的一个填充剩余的空间. #search {宽度:160px;高度:25px;向左飘浮;背景色:#ffffff;}#导航 {宽度:780px;向左飘浮;背景颜色:#A53030;} Text 导航 解决方案 ..
发布时间:2021-12-01 12:55:32 前端开发

Bootstrap 导航栏切换按钮不起作用

我刚刚创建了一个新文件,并从其官方网站复制并粘贴了 Bootstrap 启动代码. 但问题是每当我最小化浏览器屏幕以测试此菜单在小型设备中的工作方式时,菜单切换按钮似乎不起作用. 如图所示,当我点击按钮时,它不会折叠并以某种方式显示菜单项: 那么这个菜单有什么问题? 代码: ..
发布时间:2021-07-09 18:56:57 前端开发

我的班级<h1>标头伸出 <body>页

在 F12 中,当我拖动响应式页面时,当我将其调整为移动设备大小时,我注意到标题伸出 body page.你知道为什么会导致文本像这样突出的问题吗? 最后,我注意到在我将 letter-spacing 元素放入我的标题后调整我的手机大小时,我的标题标题没有保持居中. 不知道这里的标题发生了什么. 这是我的 html 和 css *{box-sizing: 边框框;}身体 { ..
发布时间:2021-07-09 18:51:47 前端开发

如何在 div 布局上对齐标签

我有一个 html table,它显示了关于电影的信息. 由于响应速度的原因,我正在尝试将此 table 更改为 div 布局.对于表格,当我减小窗口宽度时,文本会重叠. 这是我的桌子: .label{字体粗细:粗体;文本对齐:右;}.blue-box{背景颜色:绿色} 名称: 德尔托罗 ..
发布时间:2021-07-09 18:51:31 前端开发

如何强制块容器始终采用所有可用宽度?

这是我目前正在练习的 HTML 代码.CSS 不完整,因为我不知道如何做我想做的: .container {保证金:自动;宽度:700px;边框:纯蓝色2px;}.container div {填充:10px 0;垂直对齐:顶部;}#橙子 {背景色:珊瑚色;}#蓝色的 {背景颜色:浅蓝色;}.container >div .content {边框:黑色虚线1px;高度:100px;宽度:25 ..
发布时间:2021-07-09 18:51:28 前端开发

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

我正在制作一个小型网站,而且我对 CSS 非常陌生,但是每当我更改网页的大小时,我所做的一切都不会与正在显示的屏幕大小相关.例如,我在右侧有文本,如果我通过最大化右侧的文本来增加浏览器的大小,那么它会保持原位并且现在位于浏览器的中心. 通过拖动浏览器的一角,我的一张图片随着网页大小的增加和减少而移动.我对超链接列表、文本框或文本中的图像使用相同的 CSS 代码,但它根本不起作用. 我研 ..
发布时间:2021-07-09 18:51:25 前端开发

使用媒体查询创建响应式程序的问题

我正在尝试创建一个简单的响应式程序,它将根据屏幕大小更改文本. 我创建了 2 个应该显示的 div 标签,一个用于 PC 用户,另一个用于移动设备,对于后者,我将其设置为 visibility: hidden; 所以它不会显示,除非你的屏幕尺寸足够小,然后我创建了媒体查询并复制并粘贴了我想用于名为 Mobile 的移动用户的 div,在媒体查询中. 我只删除了 visibility: ..
发布时间:2021-07-09 18:51:22 前端开发

如何从 JavaScript 呈现的响应式页面下载最高分辨率的图像?

假设这是网站页面:" 我正在使用 Selenium 并提取图像链接.问题是,如果我单击它们甚至 2000x3000 像素大的图像,但我只能获得 480 像素分辨率的图像.这些图像存储在哪里?我如何提取它们?(基本上我想下载这些图像的最大可能大小) 解决方案 在您提供的页面源代码中,有提供页面链接和内容的 json 数据.一旦从源代码中的脚本中剥离数据,就可以轻松检索高分辨率链接并下载图像 ..
发布时间:2021-07-09 18:51:19 前端开发

使用网格时的响应式布局

该网站设计为有 6 个大方块,每行 3 个,呈网格布局. 我正在尝试使其具有响应性,因此如果有人缩放网站会适应......它确实如此,但方式很糟糕. 我希望缩放时正方形的位置不同;如果现在它们每行 3 个,我希望它们每行 2 个,如果缩放足够,最后每行 1 个.取而代之的是,正方形缩小了它们的宽度以适应. /*///////////GENERAL////////////* {边距 ..
发布时间:2021-07-09 18:51:16 前端开发

点击图片无法访问链接

我有 2 个街区.照片和视频.在计算机版本中,当我点击它们时,我可以访问每个链接,但在移动版本中,它们不起作用,我的意思是它们不可点击.有什么问题? .media-links {宽度:100%;}.media-links a {显示:块;/*高度:190像素*/;宽度:40%;向左飘浮;背景重复:不重复;背景尺寸:100%;文字装饰:无;}.media-links .video-link ..
发布时间:2021-07-09 18:51:13 前端开发

如何根据视口使导航栏响应?

我想做一个响应式网页.我希望它根据视口显示不同的导航.这是我到目前为止所拥有的 javascript: var showav = document.getElementById('show-nav');如果(屏幕宽度 但由于某种原因,它不起作用.你能帮我吗? 解决方案 您可以通过使用 媒体查询: #show-nav {显示:无;背景颜色:红色;}/* 如果屏幕宽度小于 720 ..
发布时间:2021-07-09 18:51:07 前端开发

UWP 重用视觉状态管理器

为什么我们没有如此简单的 UWP 响应助手? 我在单独的 .xaml 文件中有这些样式: 现在我可以给所有这些控件一个 x:Name 并在这个页面中使用 VisualStateManager 来调整文本的大小,但我在整个过程中都使用这些文本样式应用程序,我想一次性更改它们,为不同的屏幕尺寸定义字体大小,使用简单的类似 css 的查询: @media only screen and ( ..
发布时间:2021-07-09 18:51:03 C#/.NET

使 slickR 轮播响应

这是一个链接,指向在桌面上运行良好的两张幻灯片 slickR carousel,但当在 iphone 上查看,图像被切断.即它没有响应. 如何将 slickR 的轮播与图像一起使用,并使其在桌面和移动设备上都能正常工作而不会截断图像? 我需要手动添加响应行为吗?最初的 JS page 谈到了它,但我不确定如何将其翻译成 R. R 脚本 图书馆(闪亮)图书馆(slickR)# 测 ..
发布时间:2021-07-09 18:51:01 其他开发

移动视图的语义ui隐藏元素

我正在寻找语义-ui 正确的类来隐藏例如移动视图中的 DIV.在 Bootstrap 中,我们有“visible-xs"和“hidden-xs". 但是在语义 ui 上我只找到了“仅移动网格" 解决方案 请访问这里添加到您的覆盖 css 文件 /* 手机 */@media only screen and (max-width: 767px) {[class*="移动隐藏"],[cl ..
发布时间:2021-07-09 18:50:57 其他开发