因此，在我的小型网站上，我有一个使用CSS设置样式的div，当我使用各种分辨率进行测试时，与我的27英寸屏幕相比，该框在11英寸的小屏幕上看起来变形了。我怎样才能使我的700像素高200像素宽的div在所有显示器尺寸上看起来大小相同谢谢这是DIV的CSS:text-align:center;border:3pxsolidblack;padding-bottom:10px;height:700px;width:200px;background-color:white;margin-right:2cm;margin-top:-19cm;margin-left:auto;
因此，在我的小型网站上，我有一个使用CSS设置样式的div，当我使用各种分辨率进行测试时，与我的27英寸屏幕相比，该框在11英寸的小屏幕上看起来变形了。我怎样才能使我的700像素高200像素宽的div在所有显示器尺寸上看起来大小相同谢谢这是DIV的CSS:text-align:center;border:3pxsolidblack;padding-bottom:10px;height:700px;width:200px;background-color:white;margin-right:2cm;margin-top:-19cm;margin-left:auto;
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:#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
我想让input字段在每个div内垂直居中。color-1color-2color-3在每个div或input中使用vertical-align:middle都不起作用。html,body{height:100%;margin:0;padding:0;}input[type="text"]{width:150px;height:30px;text-align:center;}#color-1{height:33%;background:{{yourName}};text-align:center;vertical-align:middle;}#color-2{height:33%;ba
我想让input字段在每个div内垂直居中。color-1color-2color-3在每个div或input中使用vertical-align:middle都不起作用。html,body{height:100%;margin:0;padding:0;}input[type="text"]{width:150px;height:30px;text-align:center;}#color-1{height:33%;background:{{yourName}};text-align:center;vertical-align:middle;}#color-2{height:33%;ba
我有一个无序列表，里面有两个float的div。左边一个，右边一个。在Chrome中，我在顶部看到了空白。在IE中一切似乎都很好。如何摆脱这个空白？样式:ul{margin:1em;}li{width:100%;padding:0;margin:0.5em;border:1pxblacksolid;}.clear{clear:both;}.left-item{float:left;background-color:red;padding:1em;}.right-item{float:right;background-color:blue;padding:1em;}HTML代码:Item
我有一个无序列表，里面有两个float的div。左边一个，右边一个。在Chrome中，我在顶部看到了空白。在IE中一切似乎都很好。如何摆脱这个空白？样式:ul{margin:1em;}li{width:100%;padding:0;margin:0.5em;border:1pxblacksolid;}.clear{clear:both;}.left-item{float:left;background-color:red;padding:1em;}.right-item{float:right;background-color:blue;padding:1em;}HTML代码:Item
我需要的是在视频超过容器高度时隐藏该视频的一部分。我认为overflowhidden将是这里的解决方案，但不知何故它似乎不想听。代码:body,html,.container,#video-background{height:100%;margin:0;padding:0;}html{overflow-x:hidden;}#video-background{min-width:100%;min-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}@media(min-as
我需要的是在视频超过容器高度时隐藏该视频的一部分。我认为overflowhidden将是这里的解决方案，但不知何故它似乎不想听。代码:body,html,.container,#video-background{height:100%;margin:0;padding:0;}html{overflow-x:hidden;}#video-background{min-width:100%;min-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}@media(min-as
