草庐IT

关于 html:CSS 模仿 silverlight 屏幕截图

codeneng 2023-03-28 原文

CSS to mimic silverlight screen shot

我很确定这个问题已经被问及并得到了回答,但我对 HTML 和 CSS 的了解还不够,不知道在哪里或如何搜索。任何帮助将不胜感激。

我在 Silverlight 中构建了一个社区应用程序:http://www.scalerailsonline.com/default.aspx

终于决定给微软一个夹头,我正在从头开始重写它。 90% 很简单。我正在努力使用 HTML 和 CSS 来完成应用程序的聊天部分。

我已经标记了一个屏幕截图来显示我正在尝试做的事情。

主要目标是创建一个可滚动的容器,可以扩展和收缩以适应可用空间。

首先我想让网页扩展或收缩以适应浏览器窗口。

右侧第二列水平扩展以适应内容,底部区域垂直扩展以适应聊天条目控件。

一旦页面适合浏览器并且空间被提交到右侧和底部,我希望容器适合。如果容器中的内容太多(99% 的情况下),则会显示垂直滚动条。

我尝试了各种宽度/高度的组合:100%。但这似乎只是使区域足够大以适应内容,而不是限制在 100% 的浏览器中。

我可以将 div 设置为 "Height: 200%; Overflow: Scroll" 以获取滚动条。但我似乎无法让 div 仅扩展到可用空间。

  • 您的网站一点也不差,而且您在使用 HTML/css 解决方案时也会遇到同样多(更多?)的问题。我很好奇你为什么在经过这么多明显的努力后抛弃了微软的堆栈?
  • 感谢您的客气话。实际上,我在 Silverlight/Azure 中有一个更大的应用程序,它也将被重写。变化的原因。主要是由于围绕 SEO 和监控的一些真正棘手的问题。爬虫不能很好地处理基于 Silverlight 的内容。而且 AdSense 也无法在 Silverlight 环境中运行。平板电脑(iPad 和 Android)不支持 Silverlight。最后,我的用户社区没有很好地适应缺少右键单击菜单。我已尽可能将它们包括在内,但使用第 3 方控件,您无法到达所有需要右键单击的位置。


答案是:确实没有一个好的答案。借助 java 脚本调整大小事件根据屏幕空间设置框的高度 - 屏幕元素的高度。


First I want to have the web page expand or contract to fit in the browser window.

这可以通过将左右边距设置为自动来实现。试试这个 -

1
2
3
4
5
.center {
    margin: 0 auto;
    padding: 0;
    float: none;
}

  • 谢谢马赫什。右/左不是一个大问题。它将它设置为限制在垂直浏览器高度,这更是一个问题。

有关关于 html:CSS 模仿 silverlight 屏幕截图的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby - capybara field.has_css?匹配器 - 2

    我在MiniTest::Spec和Capybara中使用以下规范:find_field('Email').must_have_css('[autofocus]')检查名为“电子邮件”的字段是否具有autofocus属性。doc说如下:has_css?(path,options={})ChecksifagivenCSSselectorisonthepageorcurrentnode.据我了解,字段“Email”是一个节点,因此调用must_have_css绝对有效!我做错了什么? 最佳答案 通过JonasNicklas得到了答案:No

  3. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这

  4. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  5. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  6. ruby-on-rails - capybara ::ElementNotFound:无法找到 xpath "/html" - 2

    我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'

  7. css - 用 watir 检查标签类? - 2

    我有一个div,它根据表单是否正确提交而改变。我想知道是否可以检查类的特定元素?开始元素看起来像这样。如果输入不正确,添加错误类。 最佳答案 试试这个:browser.div(:id=>"myerrortest").class_name更多信息:http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method另一种选择是只查看具有您期望的类的div是否存在browser.div((:id=>"myerrortes

  8. 屏幕录制为什么没声音?检查这2项,轻松解决 - 2

    相信很多人在录制视频的时候都会遇到各种各样的问题,比如录制的视频没有声音。屏幕录制为什么没声音?今天小编就和大家分享一下如何录制音画同步视频的具体操作方法。如果你有录制的视频没有声音,你可以试试这个方法。 一、检查是否打开电脑系统声音相信很多小伙伴在录制视频后会发现录制的视频没有声音,屏幕录制为什么没声音?如果当时没有打开音频录制,则录制好的视频是没有声音的。因此,建议在录制前进行检查。屏幕上没有声音,很可能是因为你的电脑系统的声音被禁止了。您只需打开电脑系统的声音,即可录制音频和图画同步视频。操作方法:步骤1:点击电脑屏幕右下侧的“小喇叭”图案,在上方的选项中,选择“声音”。 步骤2:在“声

  9. ruby - 如何使用 Ruby 将 CSV 文件读入 HTML 表格? - 2

    我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示,但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题,而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda

  10. ruby - 如何使用 Nokogiri 解析纯 HTML 表格? - 2

    我想用Nokogiri解析HTML页面。页面的一部分有一个表,它没有使用任何特定的ID。是否可以提取如下内容:Today,3,455,34Today,1,1300,3664Today,10,100000,3444,Yesterday,3454,5656,3Yesterday,3545,1000,10Yesterday,3411,36223,15来自这个HTML:TodayYesterdayQntySizeLengthLengthSizeQnty345534345456563113003664354510001010100000344434113622315

随机推荐