Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 所有浏览器的屏幕分辨率_Php_Html_Css - Fatal编程技术网

Php 所有浏览器的屏幕分辨率

Php 所有浏览器的屏幕分辨率,php,html,css,Php,Html,Css,我希望在所有浏览器中都有相同的屏幕分辨率(页面应该居中),我已经检查过这与主体宽度有关,但不知何故,我仍然存在差异。任何帮助都将不胜感激。谢谢你的网站: main.php: <header> <div id='outer'> <div id='second'> <iframe id='city' name='sx' scrolling='no' width='1270px' height

我希望在所有浏览器中都有相同的屏幕分辨率(页面应该居中),我已经检查过这与主体宽度有关,但不知何故,我仍然存在差异。任何帮助都将不胜感激。谢谢你的网站:

main.php:

  <header>
     <div id='outer'>
         <div id='second'>      
            <iframe id='city' name='sx' scrolling='no' width='1270px' height='70px' frameborder='0' src='search.php'></iframe>
            </div>

    </div>

          <div id='third'>
             <iframe id='result' name='result' scrolling='yes' width='530px' height='700px' frameborder='0' src='list.php'></iframe>
            </div>


           <div id='inner'>
             <div id='four'>
              <iframe id='details' name='details' scrolling='no' width='730px' height='700px' frameborder='0' ></iframe>
            </div>

您可以使用媒体更改不同屏幕大小的div 在开始时使用普通div,然后启动媒体查询

#div {  }
@media screen and (min-width: 1366px) {
    #div {  }
}
@media screen and (min-width: 1440px) {
    #div {  }
}
@media screen and (min-width: 1600px) {
    #div {  }
}
@media screen and (min-width: 1920px) {
    #div {  }
}
然后将css粘贴到媒体部分,并将其更改为使用不同的屏幕分辨率


适用于iphone 5(c/s)

#div {  }
@media screen and (min-width: 1366px) {
    #div {  }
}
@media screen and (min-width: 1440px) {
    #div {  }
}
@media screen and (min-width: 1600px) {
    #div {  }
}
@media screen and (min-width: 1920px) {
    #div {  }
}
@media screen and (min-width: 640px) and (max-width: 1136px) {

}