相关疑难解决方法(0)

我希望这个问题不会因为过于广泛的主题而被关闭,但我想知道响应/自适应网页设计,即所有浏览器,所有设备的一个网站.

在结构和布局方面,实施此类网站的最佳方式是什么？

我正在尝试阅读它,因为移动网站现在是最重要的事情,并且会有一段时间但我找不到提示和指南的清单,我想如果这样的资源可以在这里找到那么我们都可以受益.

另一件让我感到兴奋的是如何进行动态图像缩放？

在所有事情中,这是让我最困惑的事情,因为我猜测的布局可能是使用百分比而不是像素值来完成的,因为像素会因设备而异,但图像可能是实现一个网站的关键因素.

我期待着阅读人们的意见和答案,即使它只是链接到我没有找到的网络教程.

在手机上查看我的页面时,我有以下布局

-一个-

-B-

当视口较大(即md)时,我想反转两个.如:

-B-

-一个-

我以为我可以通过思考'移动优先'来做到这一点

<div class="row"> 
<div class="col-xs-12 col-md-4">first guy</div>
<div class="col-xs-12 col-md-8"> second guy
    <div class="col-xs-12 col-md-push-12">A</div>
    <div class="col-xs-12 col-md-pull-12">B</div>
</div>

相反,它似乎将列偏移到容器的左侧和右侧,例如

 -*-     A          

Run Code Online (Sandbox Code Playgroud)

B - * -

这里很难说明,但不是切换行位置(因为它们各自的大小为12),它们偏移到它们包含元素的外部(应该是col-md-8)