我有一个webapp,我使用flexbox进行布局.
我试图填充屏幕(它是一个应用程序,而不是文档),并尽可能不指定任何固定的宽度或高度,因为内容可能是各种各样的事情(完全流畅的布局!梦想!)
所以我需要流体高度,全宽页眉和页脚,然后在中间的主面板填充剩余的垂直空间,分成列,每个列在太高时滚动,并且每个非主列的宽度应缩小适合其内容,以及占用剩余空间的主要列.
我是如此接近,但不得不求助于显式调整非主要列 - 我相信flex-basis: content;应该这样做但是浏览器还不支持.
这是一个显示固定大小列的最小演示:
var list = document.querySelector('ul')
for (var i = 0; i < 100; i++) {
var li = document.createElement('li')
li.textContent = i
list.appendChild(li)
}Run Code Online (Sandbox Code Playgroud)
html,
body {
height: 100%;
width: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
}
main {
display: flex;
flex-direction: row;
overflow: hidden;
}
main > section {
overflow-y: auto;
flex-basis: 10em;
/* Would be better if it were fluid width/shrink to fit, …Run Code Online (Sandbox Code Playgroud)在IIS 7.5下运行的ASP.NET MVC项目(但早期版本和非MVC站点上可能存在问题)之前工作已经开始返回500内部服务器错误,但仅针对静态处理程序处理的内容 - 图像,页面等.由MVC本身通过控制器处理工作正常.
我知道是什么造成的 - 我正在记录这个以防其他人有同样的问题.
我有一些现有的C#代码,用于非常非常简单的RogueLike引擎.故意天真,因为我试图尽可能简单地做到最低限度.它所做的只是使用箭头键和System.Console在硬编码的地图上移动@符号:
//define the map
var map = new List<string>{
" ",
" ",
" ",
" ",
" ############################### ",
" # # ",
" # ###### # ",
" # # # # ",
" #### #### # # # ",
" # # # # # # ",
" # # # # # # ",
" #### #### ###### # ",
" # = # ",
" # = # ",
" ############################### ",
" ",
" …Run Code Online (Sandbox Code Playgroud) Visual Studio 2013:
从我从node.js工具网站收集的内容中,我应该得到intellisense.
然而,当在node.js项目中编辑javascript时,我得到了奇怪的智能感知,这表明所有类型的无关紧要的东西.它没有对节点的任何有用的智能感知,并且确实喜欢自动完成的事情require作为required,这是非常恼人的,因为我有打逃生对其进行更改阻止它,有时候我会想念它,这将导致运行时错误.
它让我在项目中对我自己的代码进行智能感知,但其他方面却很少.
我读了这篇文章,带着一些希望:
https://nodejstools.codeplex.com/workitem/562
但是,如果我为js文件禁用Resharper intellisense,而不是推迟到Visual Studio/node.js工具,我根本就没有智能感知.我现在正在这样做,因为没有什么比拥有require- > required问题更好.
一直无法在Google或StackOverflow上找到任何有用的内容.
asp.net-mvc ×1
css ×1
css3 ×1
f# ×1
flexbox ×1
html ×1
html5 ×1
iis ×1
javascript ×1
mime-types ×1
node.js ×1
ntvs ×1
resharper ×1
roguelike ×1