草庐IT

device-pixel-ratio

全部标签

html - CSS 显示 :table with fractional pixel width

我使用百分比来创建div的宽度,并将display属性设置为table。在我的例子中,父div的宽度是88.7969px。所以按理说将display属性设置为table的子div的width设置为100%将计算宽度为88.7969px。然而,事实并非如此。它计算宽度为88px。不支持table显示的小数像素宽度吗?这是fiddle.如果您检查这些元素,您会在88.7969像素处看到content包装器,但在88px处看到内部子元素div。 最佳答案 不,与具有小数像素值的display:table无关。这完全取决于您使用的浏览器和浏

javascript - CSS :hover/:focus vs click event on (mobile) touch devices

我经常遇到这样的情况,我需要在悬停时显示菜单,而对于移动设备,菜单应该在点击时打开。现在例如考虑以下示例:.btn{width:200px;background-color:#333;color:white;padding:10px;}.menu{display:none;padding:15px;}.btn:hover.menu{display:block;}.btn:focus.menu{display:block;}ButtonIammenu现在这会自动在移动设备上运行,因为悬停状态在触摸设备上是粘性的。但是这个hack适用于所有触摸设备吗?也就是说,值得冒险吗?会有一些触摸设备

html - pixel.gif,为什么人们使用它?

只是一个简单的问题,为什么pixel.gif有用?为什么要使用或不使用它? 最佳答案 像素gif(通常称为shim.gif)用于较旧的网页设计(即早于5年前),以在页面或表格布局中提供一个空间,其中缺乏对健壮CSS的更好理解,或者如果浏览器差异(通常在IE和Netscape之间)使生活变得过于复杂。它们应该被认为是过去的遗物,在当今的网页设计中不会出现在专业的CSS布局中。但是,多年来未维护的旧页面仍有可能采用基于表格的页面布局,并使用像素填充图像为列提供一些人为间距。简而言之,除非为您的网站收集非JavaScript统计信息需要图

html - 溢出-x :hidden; on mobile device not working

我希望你们能帮助我,因为我似乎无法解决这个问题。我建立了一个单页网站,工作正常,除了一件事,那就是overflow-x:hidden在平板电脑视口(viewport)上(可能还有智能手机,还没有测试过)尽管body有body{overflow-x:hidden;}在pc上的普通浏览器中工作正常,但我能够移动到一边大约25像素左右,因为那是我旋转的div的溢出,它伸出屏幕,我想隐藏它。有办法解决这个问题吗?我在下面提供了部分头部和html/css视口(viewport)元标记。应用于媒体查询的CSS及其各自的溢出元素@mediaonlyscreenand(max-width:992px)

html - 响应式图片 - srcset 和 sizes 属性 - 如何正确使用两者 : device-pixel-ratio-based and viewport-based selection together?

到目前为止,我经常读到这个问题,它也发生在我自己的元素中。这里介绍一下我到目前为止发现的关于srcset和sizes属性的信息。关于如何使用srcset属性有两种不同的可能性(来源w3c:http://w3c.github.io/html/semantics-embedded-content.html#device-pixel-ratio):基于设备像素比当图像渲染尺寸固定时的选择这是使用srcset的一种简单可靠的方法。您只需说:如果目标设备的设备像素比大于x,则以以下更高分辨率显示此图像。Thexdescriptorisnotappropriatewhentherenderedsi

html - Paypal 自动生成的 HTML 代码 : why the 1 pixel image?

如果您使用PayPal销售工具创建一个按钮,您会在填写了您要销售的特定产品的详细信息后看到自动生成的HTML。在这段生成的代码的底部是一段奇怪的HTML:这是做什么用的?它似乎没有任何作用,事实上,如果我删除它,脚本似乎仍然运行良好。 最佳答案 我认为TomGullen是对的,单像素图像用于跟踪目的。在尝试回答同一个问题时,我发现以下文章可能值得一读:http://en.wikipedia.org/wiki/Web_bug.特别是这部分:“最初,网络错误是嵌入在HTML页面中的小(通常为1×1像素)透明GIF或PNG图像(或与背景颜

html - 哪些网络浏览器支持 HTML5 <device> 标签?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我前段时间读到关于使用来自USB或rs232设备的媒体流的可能性与标签,例如带有HTML5的网络摄像头。现在有支持此功能的网络浏览器吗?(即夜间构建的Chrome、Webkit...)

android - 从 Windows 7 x64 通过 "adb devices"通过 USB 看不到 Nexus 7

我已经做了很明显的事情——USB驱动程序是从最新的AndroidSDK安装的,并且在平板电脑中打开了USB调试。当Nexus 7已连接,设备显示在WindowsDeviceManager作为“AndroidPhone”/“AndroidCompositeADBDevice”,其属性显示驱动程序版本6.0.0.0,因此正确的驱动程序已安装并正常工作。这也证明设备处于USBDebug模式,因为如果不是,它会显示在Windows的“可移植设备”/“Nexus7”下。问题是adbdevices没有显示设备,Eclipse此外(不足为奇)也不提供Nexus7作为运行应用程序的硬件设备。我已经重启

android - 从 Windows 7 x64 通过 "adb devices"通过 USB 看不到 Nexus 7

我已经做了很明显的事情——USB驱动程序是从最新的AndroidSDK安装的,并且在平板电脑中打开了USB调试。当Nexus 7已连接,设备显示在WindowsDeviceManager作为“AndroidPhone”/“AndroidCompositeADBDevice”,其属性显示驱动程序版本6.0.0.0,因此正确的驱动程序已安装并正常工作。这也证明设备处于USBDebug模式,因为如果不是,它会显示在Windows的“可移植设备”/“Nexus7”下。问题是adbdevices没有显示设备,Eclipse此外(不足为奇)也不提供Nexus7作为运行应用程序的硬件设备。我已经重启

android - 统一二维 : How to support multi platform and different aspect ratio devices in Unity 2D?

我是Unity2D的新手,并在其中创建游戏。我想在几乎所有设备(Android、iOS、Mac、Windows和Web)上运行该游戏。我有点好奇Unity2D将如何处理这种情况并在各种设备上提供相同的用户体验。我还注意到我可以以不同的纵横比预览我的游戏。是屏幕的纵横比(比如游戏在这种类型的屏幕上的显示方式)还是相机的纵横比(在所有屏幕上看起来都一样)?是否需要根据设备的分辨率提供不同的图片资源?我是否应该做一些特殊的事情来支持不同的分辨率、纵横比等?我们将不胜感激。 最佳答案 宽高比管理在以下博文中进行了解释:http://2sa-