草庐IT

反比例

全部标签

html - iOS 8.3 - 低于 1.0 的元视口(viewport)初始比例导致方向变化时奇怪的内容缩放

将我的iOS设备升级到iOS8.3后,我注意到元视口(viewport)初始缩放属性有一些奇怪的行为。如果我将初始比例设置为1.0以下并在浏览网页时旋转我的设备,整个内容将逐渐变小,最终浏览器会崩溃。我注意到每次方向变化时内容变小的数量与您设置的初始比例有关。例如,如果我将它设置为0.9,每次内容都会缩小10%。如果我将它设置为0.6,每次内容都会缩小40%。由于这个bug的性质,无法在jsfiddle上转换和体验。相反,我会将代码粘贴到此处,以便您可以在某处自行测试:initialscaleunder1.0Hello,runthispageoniOS8.3deviceandchang

html - iOS 8.3 - 低于 1.0 的元视口(viewport)初始比例导致方向变化时奇怪的内容缩放

将我的iOS设备升级到iOS8.3后,我注意到元视口(viewport)初始缩放属性有一些奇怪的行为。如果我将初始比例设置为1.0以下并在浏览网页时旋转我的设备,整个内容将逐渐变小,最终浏览器会崩溃。我注意到每次方向变化时内容变小的数量与您设置的初始比例有关。例如,如果我将它设置为0.9,每次内容都会缩小10%。如果我将它设置为0.6,每次内容都会缩小40%。由于这个bug的性质,无法在jsfiddle上转换和体验。相反,我会将代码粘贴到此处,以便您可以在某处自行测试:initialscaleunder1.0Hello,runthispageoniOS8.3deviceandchang

html - 使用 <col width ="x*"/> 设置比例列宽

我正在尝试使用设置比例列宽:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC

html - 使用 <col width ="x*"/> 设置比例列宽

我正在尝试使用设置比例列宽:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC

html - Chrome - 在不保持比例的情况下拉伸(stretch)背景图像

我有以下代码:.container{width:1rem;height:2rem;background-image:url(https://dl.dropboxusercontent.com/u/1142760/static/svg/triangle.svg);background-size:100%100%;border:1pxsolidblack;}我希望div的背景图像被拉伸(stretch)到所述div的完整width和height>.Firefox的行为符合预期:但是Chrome似乎有一个错误,它会以不同的方式解释background-size:您可以在thisfiddle中

html - Chrome - 在不保持比例的情况下拉伸(stretch)背景图像

我有以下代码:.container{width:1rem;height:2rem;background-image:url(https://dl.dropboxusercontent.com/u/1142760/static/svg/triangle.svg);background-size:100%100%;border:1pxsolidblack;}我希望div的背景图像被拉伸(stretch)到所述div的完整width和height>.Firefox的行为符合预期:但是Chrome似乎有一个错误,它会以不同的方式解释background-size:您可以在thisfiddle中

jquery - 将图像放在 div 元素中并保持图像比例

HTML:CSS:#presentationViewContainer{display:none;position:absolute;width:530px;top:106px;left:28px;box-shadow:0px0px5px4pxrgb(75,80,86);}#presentationView{max-height:100%;max-width:100%;}如果图像处于纵向模式,则实际结果::图像高度太大..图像处于纵向模式时的预期结果:图像应位于红色方block上以查看整个图像:如果图像是横向的实际结果:图像应该居中:图像处于横向模式时的预期结果:图像应居中:JSFID

jquery - 将图像放在 div 元素中并保持图像比例

HTML:CSS:#presentationViewContainer{display:none;position:absolute;width:530px;top:106px;left:28px;box-shadow:0px0px5px4pxrgb(75,80,86);}#presentationView{max-height:100%;max-width:100%;}如果图像处于纵向模式,则实际结果::图像高度太大..图像处于纵向模式时的预期结果:图像应位于红色方block上以查看整个图像:如果图像是横向的实际结果:图像应该居中:图像处于横向模式时的预期结果:图像应居中:JSFID

html - 悬停时图像摆动(比例效应)

当我将鼠标悬停在图像上时,我的图像链接有点摆动。我不知道如何解决这个问题:/我在css中使用缩放效果使悬停时图片变大一点。我已经尝试去除阴影效果,但还是一样的问题...代码THU|TheHardUploaderbody{margin:0pxauto;background-image:url(aa.jpg);background-position:center;background-attachment:fixed;background-color:black;background-repeat:no-repeat;}#main{margin:0pxauto;}.banner{heigh

html - 悬停时图像摆动(比例效应)

当我将鼠标悬停在图像上时,我的图像链接有点摆动。我不知道如何解决这个问题:/我在css中使用缩放效果使悬停时图片变大一点。我已经尝试去除阴影效果,但还是一样的问题...代码THU|TheHardUploaderbody{margin:0pxauto;background-image:url(aa.jpg);background-position:center;background-attachment:fixed;background-color:black;background-repeat:no-repeat;}#main{margin:0pxauto;}.banner{heigh