Fatal编程技术网
  • css/
  • Css 转换：缩放到全屏？

Css 转换：缩放到全屏？

css ipad

Css 转换：缩放到全屏？,css,ipad,fullscreen,scale,toggleclass,Css,Ipad,Fullscreen,Scale,Toggleclass,大家好 在水平滚动的网页上，一系列大小不同的图像分别包装在左浮动大小不同的div中。我希望能够点击一个div以将其缩放到全屏（通过添加一个包含scale指令的css类，使用toggleClass），并点击图像（现在是全屏的，因此遮挡了div）以恢复正常（通过从包装div中删除该类） 我已经找到了各种各样的选项来为背景图像（已知大小）这样做，并且有很好的全屏画廊，但这一个回避了我 由于大小不同，我不能使用scale（2）或其他固定值。webkit转换是完全可能的：缩放到目标大小，如768x1024

大家好

在水平滚动的网页上，一系列大小不同的图像分别包装在左浮动大小不同的div中。我希望能够点击一个div以将其缩放到全屏（通过添加一个包含scale指令的css类，使用toggleClass），并点击图像（现在是全屏的，因此遮挡了div）以恢复正常（通过从包装div中删除该类）

我已经找到了各种各样的选项来为背景图像（已知大小）这样做，并且有很好的全屏画廊，但这一个回避了我

由于大小不同，我不能使用scale（2）或其他固定值。webkit转换是完全可能的：缩放到目标大小，如768x1024，而不是缩放因子

非常感谢

你试过把它简化一点吗？尝试使用一些java脚本在单击时为对象指定高度、宽度和z索引

基本上，点击后，写到页面：（或类似的东西）

你试过把它简化一点吗？尝试使用一些java脚本在单击时为对象指定高度、宽度和z索引

基本上，点击后，写到页面：（或类似的东西）

谢谢，但我是专门研究尺度函数的。此外，我认为位置：绝对不推荐用于移动设备？谢谢，但我特别关注的是探索缩放功能。此外，我认为：绝对不建议移动设备使用？ 
height:100%;
width:100%;
z-index:999;
position:absolute;