在响应式设计中将顶部到底部的元素移动的最佳方法是什么
我有以下HTML格式，将给定元素放在桌面顶部和移动设备底部（宽度<640像素）的有效方法是什么？由于存在许多不同的设备，因此我不想编写位置坐标，因为页面高度的内容会有所不同。有什么建议么？
<html>
<head>
..
</head>
<body>
..
<p>I am on the top of desktop page, and bottom of mobile page</p>
...
</body>
</html>
问题答案：
使用Flexbox最好以响应方式对未知高度的元素进行重新排序。虽然对桌面浏览器的支持不是很好（IE是此处的主要限制因素，但支持从v10开始），但大多数移动浏览器
都 支持。
@media (max-width: 30em) {
.container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* optional */
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.container .first {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
}
请注意，Flexbox可能会与其他布局方法发生冲突，例如典型的网格技术。设置为浮动的Flex项可能会在使用2009规范（display: -webkit- box）的Webkit浏览器中导致意外结果。
-
有一个 K8S 群集，我们的大多数部署只是更新映像的版本，但有时我们也希望更新部署配置的某些部分。我们的部署配置不包括映像的标记。 对于更新映像版本似乎是我最好的选择。至于一起更新部署配置和映像，我看到了几种方法： < li>kubectl部署...:< code>kubectl集合图像...[但是有两个部署] < li >使用实际图像标记编辑部署YAML[看起来不太优雅] < li>kubect
-
问题内容： 引用首长html： 您可以将填充添加到内联元素的顶部和底部，但是该填充不会影响周围其他内嵌元素的间距，因此该填充将与其他内嵌元素重叠 a）据我所知，在行内元素的顶部和底部添加填充不会（曾经）对周围的元素产生任何影响，因此对页面外观没有影响？ b）但是“ 填充将与其他内联元素重叠 ”到底是什么意思？它是否暗示在某些情况下填充（内联元素的顶部和底部）会影响页面的外观？ 谢谢 问题答案： 如
-
问题内容： 有没有可靠的方法来检测用户是否在jQuery中使用移动设备？类似于CSS @media属性吗？如果浏览器在手持设备上，我想运行其他脚本。 jQuery 函数不是我想要的。 问题答案： 编者注： 对于现代Web应用程序，不建议使用用户代理检测技术。请参阅此答案下方的评论以确认这一事实。建议使用特征检测和/或媒体查询来使用其他答案之一。 除了使用jQuery，您还可以使用简单的JavaSc
-
问题内容： 我有一个“浮动工具箱”-的div 。效果很好。 但是，当在该框内滚动（使用鼠标滚轮）并到达底部或顶部时，父元素将“接管”“滚动请求”：工具箱后面的文档将滚动。 -这很烦人，而不是用户的“要求”。 我正在使用jQuery，并认为可以使用event.stoppropagation（）停止此行为： 它确实输入了该函数，但是仍然会发生传播（文档滚动） 很难在SO（和Google）上搜索此主题，
-
本文向大家介绍Android中判断listview是否滑动到顶部和底部的实现方法，包括了Android中判断listview是否滑动到顶部和底部的实现方法的使用技巧和注意事项，需要的朋友参考一下 今天实现listview的下拉刷新和上拉加载的时候，遇到了一个问题，*就是说需要根据listview中滑动的位置来进行下拉刷新和上拉加载。* 具体点，只有当我的listview滑动到最顶部的时候，这时候下
-
我是顶点的新手。 我有接受HTTP请求的主垂直和四个其他垂直。 请告诉我垂直运行的最佳方式。 第一 第二 垂直运行的最佳方式是什么？