0
有什么方法或工作流程可以让您在设计时看到部分(或全部)位于浏览器视口之外的元素?像你可以在Illustrator中使用画板?例如:假设我的主体中有一个矩形位于{left:-50px}(这是一个减号),这意味着50px的矩形位于视口之外。有没有任何工具可以直观地表现这一点?显示浏览器视口之外的元素
有什么方法或工作流程可以让您在设计时看到部分(或全部)位于浏览器视口之外的元素?像你可以在Illustrator中使用画板?例如:假设我的主体中有一个矩形位于{left:-50px}(这是一个减号),这意味着50px的矩形位于视口之外。有没有任何工具可以直观地表现这一点?显示浏览器视口之外的元素
A hack solution:创建一个div
包含您的网站的所有内容,但使width < 100%
,这样就可以看到内容,因为它溢出到body
。更改宽度,只要你喜欢..
<div class="virtualize-overflow">
Normal Content
<div class="overflow">Overflowing content</div>
</div>
.virtualize-overflow{
display:block;
background-color:gray;
width:50%;
height:50%;
margin:auto;
margin-top:30%;
}
.overflow{
display:block;
width:250px;
height:100px;
margin-left:-100px;
background-color:red;
}
你可以发布你想要什么的图片,它八九不离十难以想像 –
黑客攻击的解决方案:创建一个'div'用'宽度:75%;显示:块,边距:自动,并把你的整个页面。那些溢出的东西会根据需要落入人体。 –
不幸的是,就目前而言,您的问题看起来是无关紧要的,因为它需要某种资源(“*是否有任何工具... *”),而不是提出编程问题。我很抱歉,但[我们不会'购物'。](http://blog.stackoverflow.com/2010/11/qa-is-hard-lets-go-shopping/) –