我有一个web应用程序,它正被桌面、平板电脑和手机上的浏览器使用。工具栏(用HTML制作)在平板电脑和桌面上使用时,需要有16 x 16的按钮,然后是48 x 48的手机按钮。原因是,16 x 16在台式机和平板电脑上是一个很好的尺寸,但在手机上(iPhone 4/4s等)太小了。48 x 48在台式机和平板电脑<em
当用户使用iOS mobile safari的“请求桌面站点”或iOS Chrome的“请求桌面版本”时,我想发送我的网站的iPad版本。似乎只有用户代理在这种模式下是不同的,而且似乎不可能检测到。我的网站有三个版本:台式机/平板电脑/智能手机。平板电脑版本是桌面版本的静态版本,它非常动态,并且大量使用JavaScript (视差效果)。
我试图制作一个移动友好的网页使用@媒体查询来检测屏幕大小和设备。
问题是,如果我让查询与移动操作,它也适用于桌面版本。可能是因为最大/分钟宽度太大,无法补偿高分辨率的新智能手机。@media屏幕和(最小设备宽度:420 or )和(最大设备宽度:768 or)只适用于iPad,而不适用于桌面或安卓移动设备。如果我试图检测像素比,它可以在智能手机上工作,但也适用于桌面(至少在OS上,可能是因