Lightswitch HTML页面宽度(带有CSS) [英] Lightswitch HTML Page Width (with CSS)
问题描述
你好
我试图使LS HTML页面具有特定的宽度,而不考虑屏幕分辨率.
I am trying to make the LS HTML page a specific width, regardless of screen resolution.
我的问题是,这会影响在手机上的观看吗?
My question is, will this affect viewing on a mobile?
这是我找到的最简单的教程页面.
这是我的代码在LS中的样子.首先,我将 < div id ="wrap"></div> 就在< body>之后标签...
Here is what my code looks like in LS. First, I added <div id="wrap"></div> just after the <body> tag...
</head>
<body>
<div id="wrap"></div>
<div id="msls-id-app-loading" class="ui-body-a msls-layout-ignore">
<div class="msls-app-loading-img"></div>
<span class="ui-icon ui-icon-loading"></span>
<div class="ui-bottom-load">
<div>RQSInventorySystem.HTMLClient</div>
</div>
</div>
<div id="app-background-div"></div>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js"></script>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script type="text/javascript" src="Scripts/winjs-1.0.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript" src="Scripts/datajs-1.1.1.min.js"></script>
<script type="text/javascript" src="Scripts/Generated/resources.js"></script>
<script type="text/javascript" src="Scripts/msls-2.5.2.min.js"></script>
<script type="text/javascript" src="Scripts/Generated/generatedAssets.js"></script>
<script type="text/javascript">
$(document).ready(function () {
msls._run()
.then(null, function failure(error) {
alert(error);
});
});
</script>
</body>
</html>
...然后,我将其添加到user.customization.css的顶部:
...then, I added this to the top of user.customization.css:
#wrap{
;
top:0px;
left:0px;
margin-left:auto;
margin-right:auto;
width: 850px;
}
但是智能感知并没有找到包装".当我键入#来调用< div id ="wrap">时.
But intellisense does not find "wrap" when I type the # to call the <div id="wrap">.
我想这样做是为了有效地使水印居中,这将有助于整体显示.
I want to do this so that I can effectively center my watermark, and it would help the display overall.
任何建议都值得赞赏.谢谢!
Any advice appreciated. Thank you!
否则,无论分辨率如何,我都需要水印图像在浏览器中保持水平居中.那可能是一个更好的解决方案....
我越了解这个,在.css中就越能看到继承",例如,当我更改属性时,可以在jquery.mobile.theme-1.03.0.css中进行更改,O R light-theme-2.5.2.css等, 而且页面上也没有任何变化.
The more I get into this, the more I see 'inherit' around in the .css a lot, and when I change property for example, I can change it in the jquery.mobile.theme-1.03.0.css, OR the light-theme-2.5.2.css, etc, and nothing ever changes on the page.
我们是否必须更改几个sytlesheet才能实现1个修改? user-customization.css是应用的最后一个样式表,但我看不到它有太多样式表.
Do we have to change several sytlesheets to achieve 1 modification? The user-customization.css is the last stylesheet applied, but I cannot see that it has much it in at all.
推荐答案
你好
如果您的问题只是在屏幕中央显示水印,您是否看过 这个帖子?我认为,按照此步骤进行操作,只需稍微更改css的background-div部分,即可解决您的问题.
If your issue is just showing a watermark in the centre of the screen, have you seen this post? I think by following this and just changing the background-div part of the css slightly will solve your issue.
http://lightswitchhelpwebsite.com /Blog/tabid/61/EntryId/3284/将水印添加到您的LightSwitch-Application.aspx
这篇关于Lightswitch HTML页面宽度(带有CSS)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!