0

我想要做的是使帖子和页面顶部的选择加入框的 div 延伸。我想使用 CSS 中的 width:100% 属性来做到这一点,但它只是在中途延伸。

所以我手动将宽度设置为像素数,使其达到 100%。但问题在于它会导致 iPhone/iPad 出现显示问题。

有没有办法在 iPhone/iPad 上改变 div 的宽度以适应缩放?我怎么能这样做?

谢谢!

丽兹

代码 - -

.page-opt {
margin-left:-314px;
width:1583px;
clear: both;
margin-bottom:-20px;
padding-bottom:-20px;
position: relative;
}

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
margin:0;
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
margin:0;
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
margin:0;
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
margin:0;
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
margin:0;
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
margin:0;
}
4

2 回答 2

0

尝试

#youroptinid { max-width: 1600px; width: 100%; clear: both; }

如果这不起作用,请发布您的 html 和 css 代码,以便我们为您提供帮助。没有代码,我们只能推测。

于 2013-05-28T16:30:44.750 回答
0

查看有关视口的部分:

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

您可以使用“设备宽度”。

于 2013-05-28T16:34:52.013 回答