Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/296.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 为什么';连接到my 42“时,我的HTML表格会填满整个屏幕”;屏幕?_Php_Html_Css - Fatal编程技术网

Php 为什么';连接到my 42“时,我的HTML表格会填满整个屏幕”;屏幕?

Php 为什么';连接到my 42“时,我的HTML表格会填满整个屏幕”;屏幕?,php,html,css,Php,Html,Css,我正在制作一个HTML表格,应该可以在42英寸的电视屏幕上观看。在我的电脑屏幕上,它从一边到另一边填满了整个屏幕,但是当我通过HDMI电缆将它连接到46英寸的电视屏幕上时,屏幕上的表格并没有填满屏幕,它较小且集中在屏幕中央,并被背景颜色包围。我想这是CSS的问题。如何让表格填满整个屏幕,就像在我的电脑上一样 请查看随附的我的笔记本电脑屏幕截图: 还有我的电视屏幕截图: 下面是php表的副本: <!DOCTYPE HTML> <html> <head> &l

我正在制作一个HTML表格,应该可以在42英寸的电视屏幕上观看。在我的电脑屏幕上,它从一边到另一边填满了整个屏幕,但是当我通过HDMI电缆将它连接到46英寸的电视屏幕上时,屏幕上的表格并没有填满屏幕,它较小且集中在屏幕中央,并被背景颜色包围。我想这是CSS的问题。如何让表格填满整个屏幕,就像在我的电脑上一样

请查看随附的我的笔记本电脑屏幕截图:

还有我的电视屏幕截图:

下面是php表的副本:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Create a Parralax Website using Stellar.js</title>

<!-- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"> -->
<link rel="stylesheet" type="text/css" href="css/style.css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script>
// After 9 seconds click on
$(document).ready(function()
{
        setTimeout(function(){ $("#one")[0].click()},8000);
        setTimeout(function(){ $("#two")[0].click()},16000);                
        setTimeout(function(){ $("#three")[0].click()},24000);      
        setTimeout(function(){ $("#four")[0].click()},32000);

        //setTimeout(function(){ $("#one")[0].click()},32000);      

        setTimeout(function(){window.location.reload();}, 40000)

})
</script>

<?php include ("class/flightScheduleClass.php");

$obj = new FSchedule;  

?>

</head>

<body>

<!--    <img class="envatologo" src="images/envatologo.png"> -->


    <div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio="0.5">

        <div class="wrapper">

<!-- ###################################################### -->
<!-- ############### Arrivals ############################# -->
<img src='../FlightShedule2/images/arrivals.png' alt='Arrivals' style='float:left' align='middle' width='105' height='38'>
<?php 
$obj->pushAWeekAHead();  
$obj->getArrivals(); 
?>
        </div>      

        <a class="button" id="one" data-slide="2" title=""></a>

    </div><!--End Slide 1-->



    <div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5">
<!-- ###################################################### -->
<!-- ############### Depatures ############################# -->
<img src='../FlightShedule2/images/depature.png' alt='Arrivals' style='float:left' align='middle' width='145' height='38'>

        <div class="wrapper">

        <?php
        echo $obj->getDepatureShedules();

        ?>

        </div>

        <!-- <span class="slideno">Slide 2</span> -->
        <a class="button" id="two" data-slide="3" title=""></a>



    </div><!--End Slide 2-->





    <div class="slide" id="slide3" data-slide="3" data-stellar-background-ratio="0.5">
        <div class="wrapper">

<!-- ###################################################### -->
<!-- ############### Arrivals ############################# -->
<img src='../FlightShedule2/images/arrivals.png' alt='Arrivals' style='float:left' align='middle' width='105' height='38'>

        <?php 
//      $obj->getShedules(); 
        $obj->getArrivals(); 
        ?>
        </div>

        <!-- <span class="slideno">Slide 3</span> -->
        <a class="button" id="three" data-slide="4" title=""></a>

    </div><!--End Slide 3-->






    <div class="slide" id="slide4" data-slide="4" data-stellar-background-ratio="0">


        <!-- <span class="slideno">Slide 4</span> -->
        <a class="button" id="four" data-slide="1" title=""></a>

    <?php include 'adRotator.html'; ?>
        <!-- <span class="parallaxbg">Your Advertisment here!</span> -->

    </div><!--End Slide 4-->



</body>
</html>

期待您的回复。

这不是因为宽度:1300px.wrapper中的code>

编辑:
很抱歉,我看到您在HTML中没有使用它(除非缺少某些内容)。

这不是因为
宽度:1300px.wrapper
中的code>

编辑:
很抱歉,我看到您没有在HTML中使用它(除非缺少某些内容)。

我将创建一个新类

.full-width {
    width:auto
}
并将其分配给您的HTML

<div class="wrapper full-width">

我将创建一个新类

.full-width {
    width:auto
}
并将其分配给您的HTML

<div class="wrapper full-width">



尝试添加边距:0和填充:0重要的不是屏幕的物理大小,而是屏幕的分辨率。你在每个屏幕上使用哪种分辨率?@CarloCannas回答你的问题,我笔记本电脑上的分辨率是:1366 X 768(16:9),而我的平板电脑上的分辨率是1920 X 1080(16:9)。我怀疑这与结果有关,因为其他页面显示得很好,因为它们覆盖了整个屏幕。除此之外,还有代码缺失。您能提供style.css中的所有代码吗?另外,一把小提琴也会有所帮助。我实际上删除了我的评论,因为我看到在html中表格周围没有div。希望我能提供更多帮助…尝试添加边距:0和填充:0重要的不是屏幕的物理大小,而是它的分辨率。你在每个屏幕上使用哪种分辨率?@CarloCannas回答你的问题,我笔记本电脑上的分辨率是:1366 X 768(16:9),而我的平板电脑上的分辨率是1920 X 1080(16:9)。我怀疑这与结果有关,因为其他页面显示得很好,因为它们覆盖了整个屏幕。除此之外,还有代码缺失。您能提供style.css中的所有代码吗?另外,一把小提琴也会有所帮助。我实际上删除了我的评论,因为我看到在html中表格周围没有div。希望我能提供更多帮助…一定是因为,屏幕截图中的表格正好是1300px宽。鹰眼电源已激活!:)@伊恩比切克:谢谢你指出这一点。我把它注释掉了,它自动调整了。谢天谢地,一定是这样,屏幕截图中的表格正好是1300px宽。鹰眼能量激活了!:)@伊恩比切克:谢谢你指出这一点。我把它注释掉了,它自动调整了。感谢alotI想给我的页面添加一些填充,这样图像就会从屏幕左侧向内移动几个像素,我该怎么做?我不知道该把这个放在哪里:左:30;您想要整个左边的填充物,还是每个单独的航空公司图片的填充物?(也就是说,如果你还没有拿到的话)。我很乐意提供帮助。我想在我的页面中添加一些填充,以便图像从屏幕左侧向内移动几个像素,我该怎么做?我不知道该把这个放在哪里:左:30;您想要整个左边的填充物,还是每个单独的航空公司图片的填充物?(也就是说,如果你还没有拿到的话)。我很乐意帮忙。