草庐IT

screen-resolution

全部标签

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

android - Android 手机上最流行的屏幕尺寸/分辨率

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗?更新问题,以便editingthispost提供事实和引用来回答它.关闭5年前。本帖已编辑提交审核6个月前未能重新打开帖子:原始关闭原因未解决Improvethisquestion我了解Android的开发者网站提供了有关此主题的信息。我已经阅读了以下三页:SupportingMultipleScreensScreenSizesandDensitesIconDesignGuidelines他们没有提供我正在寻找的信息/统计数据。从第二个链接来看,最需要支持的两个屏幕类别是normal-hdpi和norma

android - Android 手机上最流行的屏幕尺寸/分辨率

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗?更新问题,以便editingthispost提供事实和引用来回答它.关闭5年前。本帖已编辑提交审核6个月前未能重新打开帖子:原始关闭原因未解决Improvethisquestion我了解Android的开发者网站提供了有关此主题的信息。我已经阅读了以下三页:SupportingMultipleScreensScreenSizesandDensitesIconDesignGuidelines他们没有提供我正在寻找的信息/统计数据。从第二个链接来看,最需要支持的两个屏幕类别是normal-hdpi和norma

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

Android 谷歌地图 java.lang.NoClassDefFoundError : Failed resolution of: Lorg/apache/http/ProtocolVersion

我正在使用GooglemapAndroidSDK11.6.2(也尝试过15.0.1),但在map显示之前我遇到了以下崩溃。已在list中检查APIkey,它可用,但仍然出现此问题。我的targetSDk版本为28。是否会导致此问题。java.lang.NoClassDefFoundError:Failedresolutionof:Lorg/apache/http/ProtocolVersion;atel.b(:com.google.android.gms.dynamite_mapsdynamite@12848063@12.8.48(100408-196123505):3)atek.a(