草庐IT

Print-Screen

全部标签

html - CSS 宽度 :100% not fitting the screen

我试图让我的页脚位于页面的末尾,所以我使用position:absolute和bottom:0来做到这一点。问题是背景颜色不会扩展以适合屏幕,所以我尝试使用width:100%但现在它有额外的像素这是我创建的示例http://jsfiddle.net/SRuyG/2/(抱歉有点乱,我才刚开始学css)我还尝试了一些我发现的教程中的粘性页脚,但它也不起作用。那么究竟如何才能将页脚设置到页面底部并且背景适合屏幕大小呢?谢谢CSS:html,body{margin:0;padding:0;}body{font:13px/22pxHelvetica,Arial,sans-serif;backg

php - 如何通过 window.print() 打印页面的某些特定部分

我正在phpmysql中处理一个表单。所以在我的页面中有一个表格,下面我以表格格式显示了该表格的数据。现在我只想打印表格结构,这就是为什么我只制作了一个PRINT按钮:PRINT但它会打印带有表单字段和表格的整个页面,而我只想打印表格。这是我的带有表单和表格的整个页面的设计:AddCompanyCompanyName">anotherfieldanotherfieldSubmitS.No.CompanyNameTypeAction -->?id=&cmd=edit">?id=&cmd=delete"onclick="returnconfirm('Areyousureyouwa

html - 当用户选择 'print' 时,如何横向打印 HTML 页面?

我们生成的网页应始终以横向模式打印。Web浏览器打印对话框默认为纵向,因此对于每个打印作业,用户必须手动选择横向。这是次要的,但如果我们可以删除这个不必要的步骤,对用户来说会很好。提前感谢所有受访者。 最佳答案 快速Google表明它不受真正支持。有很多人在尝试hacktheir方法-但我强烈建议只渲染服务器端PDF。 关于html-当用户选择'print'时,如何横向打印HTML页面?,我们在StackOverflow上找到一个类似的问题: https://

html - 为 "Add to home screen"自定义图标

Web浏览器中的默认选项是否有任何替代方案,例如允许我在我的网络应用程序中添加链接或按钮并在主屏幕中创建图标的chrome?例如,我有我的网络应用程序,我想要main.html中的链接或按钮来执行脚本并在主屏幕中创建图标。我认为这是不可能的。那么是否有任何替代方案可以在网络浏览器中模拟此默认选项?我还想指定在主屏幕上显示的图标。我该怎么做? 最佳答案 我想指定在主屏幕上显示的图标。我该怎么做?您可以使用(是的,即使是Android设备)。请查看iOSdocument有关Apple设备的详细信息。请注意,您甚至可以为整个网站定义图标。

jquery - 根据 "media screen"值调用外部JS文件

我正在尝试这个,但它不起作用:...//菜单折叠器.js:jQuery(document).ready(function($){$('.main-navigationliul').hide();$('.main-navigationli').has('ul').click(function(){$(this).children().toggle();});});您知道如何以正确的方式做到这一点吗?如果直接在带有标签的header中使用,脚本会起作用。 最佳答案 你不能直接使用Javascript做到这一点标签。媒体查询用于链接的CS

javascript - 浏览器 F11 全屏未注册到 -webkit-full-screen 或 Javascript API

我正在使用javascript(例如,requestFullscreen)和css(:-webkit-full-screen)API来检测浏览器是否处于全屏状态。我对这些API没有问题,因为它们可以成功运行。我遇到的问题是,如果用户点击F11,它不会在浏览器环境中注册,并且用于全屏检测的javascriptapi和CSSapi不会检测全屏。有什么办法可以解决这个问题吗?我有一些动画取决于屏幕的大小(关于全屏),我已经走到了死胡同。 最佳答案 值得一看(function(){varchecktimer;functionisFullSc

javascript - window.innerWidth 和 screen.width 有什么区别?

打开devtools并停靠在右侧,我注意到这两个属性的值有所不同。但最重要的是,我听说其中一个使用物理像素,另一个使用逻辑像素。这是真的?如果是,哪个使用哪个?我无法在任何地方找到有关此的任何信息。 最佳答案 它有点隐含在名称中。:-)window.innerWidth是窗口或更准确地说视口(viewport)的内部宽度(不包括工具栏、窗口镶边等;但包括垂直滚动条占用的空间,如果有的话)。screen.width是屏幕(不仅仅是浏览器窗口)的宽度。因此,例如,现在我的浏览器窗口的innerWidth为1197,但如果我将其变宽,它可

javascript - 网站加载前的欢迎屏幕(点击进入)[Splash Screen]

如何在我的网站上创建欢迎屏幕?例如,当用户单击进入网站时,我有一个图像和一个显示“ENTER”的链接。我该怎么做?此外,如果可能,使用Javascript或JQuery,当用户单击“ENTER”时,是否可以从初始屏幕交叉淡入淡出到网站?目前我还没有任何代码。 最佳答案 您可以在第一次访问时将启动画面放在网站顶部的div中,当用户单击它(或“输入”链接)时,将其淡化为:Welcome!Takealookatournewproducts,blablablaEnteronthewebsite只需3行jQuery:$('.enter_lin

javascript - 纵横比为 16 的水平和垂直居中的 iframe :9 that uses as much screen estate as possible without being cropped anywhere

要求:HTML:iframe必须位于包含的div中。请参阅下面的代码。CSS:使用vw和vh视口(viewport)单位。请在下面输入代码。是的,width和heightHAS在vw和vh中>.不应裁剪静态视频预览图像。绝不。静态视频预览图像的上方和下方应不有任何黑条(黑边)。静态视频预览图像应该不在左侧或右侧有任何黑条(邮筒)。静态视频预览图像应在包含它的div内使用尽可能多的空间。静态视频预览图像应始终保持其16:9的纵横比。滚动条应该永远出现。静态视频预览图像应在包含它的div内垂直和水平居中。响应式网页设计。调整浏览器或视口(viewport)大小时,应满足上述所有要求。HTM

html - 非 webkit 浏览器的 CSS 属性 print-color-adjust

我正在寻找一个与-webkit-print-color-adjust在Safari中具有相同效果的属性,但是在Firefox和Explorer中。如果存在这样的属性,你能向我推荐吗? 最佳答案 目前不存在此类属性。许多浏览器供应商认为所有打印规范都由用户自行决定。 关于html-非webkit浏览器的CSS属性print-color-adjust,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que