responsive-design 相关问题

响应式网页设计（RWD）是一种Web设计和开发方法，旨在制作网站，以便根据屏幕大小，平台和方向在各种设备上提供最佳体验。

我想让移动视图中的img位于文本旁边在桌面视图中它会像这样桌面视图我想要移动视图移动视图我需要按照方向移动图像...

html css responsive-design mobile-website

回答 1 投票 0

我有一个小提琴，显示我构建的菜单。这是一个垂直菜单。我遇到的问题是，添加到菜单中的越多，就越难适应屏幕。例如：T... 我有一个小提琴，显示我构建的菜单。这是一个垂直菜单。我遇到的问题是我添加到菜单的<li>越多，就越难适应屏幕。例如：顶部菜单项（A）的大部分内容都延伸到屏幕上方。想象一下，如果菜单有许多项目（a、b、c、d ...z），底部菜单项（z）将延伸到屏幕底部。为了使我的问题更加复杂，想象菜单中间的菜单项有很多元素。这也将延伸到屏幕顶部之外。这不是我想要的。我实际上希望菜单浮出控件能够响应其周围的窗口并将其自身装入其中。我首先告诉每个小组在它像这样展示自己之前先将自己居中： var groupList = $(e.target).find('.group-list'); groupList.css({ 'margin-top': (-groupList.height() / 2) + 'px' }); groupList.show(); 不幸的是这还不够。然而，我不确定如何让每个人都知道它周围的窗口，并做出足够的响应以适应窗口。如何重写我的 groupList.css({}) 代码以使组列表类响应并适合窗口？我会得到你的全亮项目/菜单周围的包装纸的总高度。然后将其与以下内容的变量进行比较：变量高度 = $(document).height(); // 获取文档高度变量宽度 = $( window).width(); //然后始终将其与您的列表高度进行比较。如果高度达到您想要的限制，则创建一个新列并将您的列表附加到其中。这样它总是可以调整大小并且永远不会挂在窗口视图端口之外。然后，您将创建弹出列表项所在的第二个框。将其与文档高度进行比较，并将底部 css 设置为 0px。

jquery html css responsive-design

回答 1 投票 0

Bootstrap 3 中心图像

我试图将图像始终放在某些元素的中间和中心，唯一的问题是它不起作用这是我的代码 CSS .panel - 空{ 宽度：100%；高度：400 像素； /*...

css twitter-bootstrap-3 responsive-design

回答 4 投票 0

为 iPad Air 和 iPad Pro 设置媒体查询

我陷入了为不同 iPad 设备设置媒体查询的困境。在我的下一个 Js 代码中，我创建了三张卡片（或 div），均匀地排成一行（使用了 React-Bootstrap 网格系统）。该...

html css next.js ipad responsive-design

回答 1 投票 0

JavaFX - 创建响应式布局

我正在创建一个具有以下布局的 GUI 应用程序：在桌面大小中，我将有一个 HBox，其中一些文本旁边有图像。在移动视图中，图像将位于文本上方（或下方）。什...