2015-07-19 25 views
-1

我似乎無法擺脫屏幕底部的大灰色條,我也希望圖像能夠根據網頁瀏覽器大小調整大小。所有的幫助非常感謝。在此先感謝HTML Greybar卡在頁面底部

<!DOCTYPE html> 
 
     <!--[if lt IE 7]> <html class="responsive no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]--> 
 
     <!--[if IE 7]> <html class="responsive no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]--> 
 
     <!--[if IE 8]> <html class="responsive no-js lt-ie9" lang="en-US"> <![endif]--> 
 
     <html class="responsive no-js" lang="en-US"> 
 
     <head> 
 
     <meta charset="utf-8"> 
 
     <title>24FitClub | Our 24 Fit Club concept is the vehicle to drive you to achieving the best shape of your life</title> 
 
     <meta name="viewport" content="width=device-width, height=100%, initial-scale=1, maximum-scale=1"> 
 
     <link rel="shortcut icon" href="http://whoathemes.com/files/pics/favicons/xlander/favicon.ico" /> 
 
     <link rel="apple-touch-icon" href="http://whoathemes.com/files/pics/favicons/xlander/favicon_57.png" /> 
 
     <link rel="apple-touch-icon" sizes="72x72" href="http://whoathemes.com/files/pics/favicons/xlander/favicon_72.png" /> 
 
     <link rel="apple-touch-icon" sizes="114x114" href="http://whoathemes.com/files/pics/favicons/xlander/favicon_114.png" /> 
 
     <link rel="apple-touch-icon" sizes="144x144" href="http://whoathemes.com/files/pics/favicons/xlander/favicon_144.png" /> 
 
     <!--[if lt IE 10]> 
 
      <style type="text/css"> 
 
      html:not(.is_smallScreen) .wt_animations .wt_animate { visibility:visible;} 
 
      </style> 
 
     <![endif]--> 
 
     <link rel="alternate" type="application/rss+xml" title="24FitClub &raquo; Feed" href="http://thenutritioncoachuk.com/24FitClub/index.php/feed/" /> 
 
     <link rel="alternate" type="application/rss+xml" title="24FitClub &raquo; Comments Feed" href="http://thenutritioncoachuk.com/24FitClub/index.php/comments/feed/" /> 
 
     \t \t <script type="text/javascript"> 
 
     \t \t \t window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/thenutritioncoachuk.com\/24FitClub\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2.2"}}; 
 
     \t \t \t !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); 
 
     \t \t </script> 
 
     \t \t <style type="text/css"> 
 
     img.wp-smiley, 
 
     img.emoji { 
 
     \t display: inline !important; 
 
     \t border: none !important; 
 
     \t box-shadow: none !important; 
 
     \t height: 1em !important; 
 
     \t width: 1em !important; 
 
     \t margin: 0 .07em !important; 
 
     \t vertical-align: -0.1em !important; 
 
     \t background: none !important; 
 
     \t padding: 0 !important; 
 
     } 
 
     </style> 
 
     <link rel='stylesheet' id='wt-extend-bx-slider-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/framework/shortcodes/assets/lib/css/jquery.bxslider.css?ver=4.2.2' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='rs-plugin-settings-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/plugins/revslider/rs-plugin/css/settings.css?ver=4.6.5' type='text/css' media='all' /> 
 
     <style id='rs-plugin-settings-inline-css' type='text/css'> 
 
     .tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.largeredbtn{font-family:"Raleway",sans-serif;font-weight:900;font-size:16px;line-height:60px;color:#fff !important;text-decoration:none;padding-left:40px;padding-right:80px;padding-top:22px;padding-bottom:22px;background:rgb(234,91,31); background:-moz-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,91,31,1)),color-stop(100%,rgba(227,58,12,1))); background:-webkit-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-o-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-ms-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:linear-gradient(to bottom,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5b1f',endColorstr='#e33a0c',GradientType=0)}.largeredbtn:hover{background:rgb(227,58,12); background:-moz-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,58,12,1)),color-stop(100%,rgba(234,91,31,1))); background:-webkit-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-o-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-ms-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:linear-gradient(to bottom,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e33a0c',endColorstr='#ea5b1f',GradientType=0)}.fullrounded img{-webkit-border-radius:400px;-moz-border-radius:400px;border-radius:400px} 
 
     </style> 
 
     <link rel='stylesheet' id='js_composer_front-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.3' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-boostrap-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/bootstrap.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-style-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/main.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='wt-visual-composer-extensions-front-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/framework/shortcodes/assets/wt-visual-composer-extensions-front.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-awesome-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/font-awesome.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-entypo-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/entypo-fontello.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-lightbox-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/prettyPhoto.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-media-styles-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/main-media.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-green-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/css/skins/green.css' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='theme-skin-css' href='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/cache/skin.css?ver=4.2.2' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='font|Open%20Sans:400,300italic,800italic,800,700italic,700,600italic,600,400italic,300-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C300italic%2C800italic%2C800%2C700italic%2C700%2C600italic%2C600%2C400italic%2C300&#038;subset=latin%2Clatin-ext&#038;ver=4.2.2' type='text/css' media='all' /> 
 
     <link rel='stylesheet' id='font|Oswald:400,300,700-css' href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&#038;subset=latin%2Clatin-ext&#038;ver=4.2.2' type='text/css' media='all' /> 
 
     <script type='text/javascript' src='http://thenutritioncoachuk.com/24FitClub/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script> 
 
     <script type='text/javascript' src='http://thenutritioncoachuk.com/24FitClub/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> 
 
     <script type='text/javascript' src='http://thenutritioncoachuk.com/24FitClub/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.5'></script> 
 
     <script type='text/javascript' src='http://thenutritioncoachuk.com/24FitClub/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=4.6.5'></script> 
 
     <script type='text/javascript' src='http://thenutritioncoachuk.com/24FitClub/wp-content/themes/beautifulhomes/js/vendor/modernizr-2.6.1.min.js'></script> 
 
     <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://thenutritioncoachuk.com/24FitClub/xmlrpc.php?rsd" /> 
 
     <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://thenutritioncoachuk.com/24FitClub/wp-includes/wlwmanifest.xml" /> 
 
     <meta name="generator" content="WordPress 4.2.2" /> 
 
     \t \t <script type="text/javascript"> 
 
     \t \t \t jQuery(document).ready(function() { 
 
     \t \t \t \t // CUSTOM AJAX CONTENT LOADING FUNCTION 
 
     \t \t \t \t var ajaxRevslider = function(obj) { 
 
     \t \t \t \t 
 
     \t \t \t \t \t // obj.type : Post Type 
 
     \t \t \t \t \t // obj.id : ID of Content to Load 
 
     \t \t \t \t \t // obj.aspectratio : The Aspect Ratio of the Container/Media 
 
     \t \t \t \t \t // obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content 
 
     \t \t \t \t \t 
 
     \t \t \t \t \t var content = ""; 
 
     
 
     \t \t \t \t \t data = {}; 
 
     \t \t \t \t \t 
 
     \t \t \t \t \t data.action = 'revslider_ajax_call_front'; 
 
     \t \t \t \t \t data.client_action = 'get_slider_html'; 
 
     \t \t \t \t \t data.token = '1f054b7c6e'; 
 
     \t \t \t \t \t data.type = obj.type; 
 
     \t \t \t \t \t data.id = obj.id; 
 
     \t \t \t \t \t data.aspectratio = obj.aspectratio; 
 
     \t \t \t \t \t 
 
     \t \t \t \t \t // SYNC AJAX REQUEST 
 
     \t \t \t \t \t jQuery.ajax({ 
 
     \t \t \t \t \t \t type:"post", 
 
     \t \t \t \t \t \t url:"http://thenutritioncoachuk.com/24FitClub/wp-admin/admin-ajax.php", 
 
     \t \t \t \t \t \t dataType: 'json', 
 
     \t \t \t \t \t \t data:data, 
 
     \t \t \t \t \t \t async:false, 
 
     \t \t \t \t \t \t success: function(ret, textStatus, XMLHttpRequest) { 
 
     \t \t \t \t \t \t \t if(ret.success == true) 
 
     \t \t \t \t \t \t \t \t content = ret.data; \t \t \t \t \t \t \t \t 
 
     \t \t \t \t \t \t }, 
 
     \t \t \t \t \t \t error: function(e) { 
 
     \t \t \t \t \t \t \t console.log(e); 
 
     \t \t \t \t \t \t } 
 
     \t \t \t \t \t }); 
 
     \t \t \t \t \t 
 
     \t \t \t \t \t // FIRST RETURN THE CONTENT WHEN IT IS LOADED !! 
 
     \t \t \t \t \t return content; \t \t \t \t \t \t 
 
     \t \t \t \t }; 
 
     \t \t \t \t 
 
     \t \t \t \t // CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER 
 
     \t \t \t \t var ajaxRemoveRevslider = function(obj) { 
 
     \t \t \t \t \t return jQuery(obj.selector+" .rev_slider").revkill(); 
 
     \t \t \t \t }; 
 
     
 
     \t \t \t \t // EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION 
 
     \t \t \t \t var extendessential = setInterval(function() { 
 
     \t \t \t \t \t if (jQuery.fn.tpessential != undefined) { 
 
     \t \t \t \t \t \t clearInterval(extendessential); 
 
     \t \t \t \t \t \t if(typeof(jQuery.fn.tpessential.defaults) !== 'undefined') { 
 
     \t \t \t \t \t \t \t jQuery.fn.tpessential.defaults.ajaxTypes.push({type:"revslider",func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3}); 
 
     \t \t \t \t \t \t \t // type: Name of the Post to load via Ajax into the Essential Grid Ajax Container 
 
     \t \t \t \t \t \t \t // func: the Function Name which is Called once the Item with the Post Type has been clicked 
 
     \t \t \t \t \t \t \t // killfunc: function to kill in case the Ajax Window going to be removed (before Remove function ! 
 
     \t \t \t \t \t \t \t // openAnimationSpeed: how quick the Ajax Content window should be animated (default is 0.3) 
 
     \t \t \t \t \t \t } 
 
     \t \t \t \t \t } 
 
     \t \t \t \t },30); 
 
     \t \t \t }); 
 
     \t \t </script> 
 
     \t \t \t <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> 
 
     <meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/> 
 
     <!--[if IE 8]><link rel="stylesheet" type="text/css" href="http://thenutritioncoachuk.com/24FitClub/wp-content/plugins/js_composer/assets/css/vc-ie8.css" media="screen"><![endif]--><style type="text/css">.mc4wp-form input[name="_mc4wp_required_but_not_really"] { display: none !important; }</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> 
 
     <body class="home blog wt_onepage_theme wt_no_space wt_image_bg wpb-js-composer js-comp-ver-4.4.3 vc_responsive" > 
 
     
 
     <div id="wt_wrapper" class=" fullWidth wt_stickyHeader wt_bcrumbs_enabled wt_nav_top clearfix"> 
 
     <div id="wt_page" class="wt_wide"> 
 
     \t <div id="wt_headerWrapper" role="banner" class="clearfix"><header id="wt_header" class="wt_resp_nav_under_767 navbar navbar-fixed-top responsive_nav clearfix" role="banner">  \t <div class="container"> 
 
     \t \t \t \t \t \t 
 
         <div id="logo" class="navbar-header"> 
 
                 <a class="navbar-brand" href="http://thenutritioncoachuk.com/24FitClub/"><img src="http://thenutritioncoachuk.com/24FitClub/wp-content/uploads/2015/06/logo24.png" alt="" /></a> 
 
           
 
         </div> 
 
         
 
         
 
        <!-- Navigation --> 
 
      
 
     </ul>   
 
     \t \t </div> \t <!-- End container -->  
 
     \t </header> <!-- End header --> 
 
      
 
     </div> <!-- End headerWrapper --> 
 
      
 
     <div id="wt_containerWrapper" class="clearfix"> 
 
     \t <div id="wt_containerWrapp" class="clearfix"> 
 
      <section id="wt_section_home" class="wt_section_area"> 
 
     
 
     \t   
 
     \t <div id="wt_home_content"> 
 
       <div class="container"> 
 
     \t   <div class="row"> 
 
          <div class="wt-row-container"><div class="vc_row wpb_row vc_row-fluid " > 
 
     \t <div class="vc_col-sm-12 vc_hidden-md vc_hidden-sm vc_hidden-xs wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t <div id="wt_spacer_sc-56694" class="wt_spacer_sc wt_clearboth" style="height:130px; line-height:130px;"></div> 
 
     \t \t </div> 
 
     \t </div> 
 
     </div></div><div class="wt-row-container"><div class="vc_row wpb_row vc_row-fluid " > 
 
     \t <div class="vc_col-sm-12 wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t 
 
     \t \t </div> 
 
     \t </div> 
 
     </div></div><div class="wt-row-container wt-row-centered"><div class="vc_row wpb_row vc_row-fluid " ><div class="container"><div class="row"> 
 
     \t <div class="vc_col-sm-12 vc_col-lg-7 vc_col-md-7 wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t 
 
     \t <div class="wpb_raw_code wpb_content_element wpb_raw_html"> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t <h1>REGISTER NOW FOR</h1> 
 
     
 
     \t \t </div> 
 
     \t </div> 
 
     \t <div class="wpb_single_image wpb_content_element vc_align_left"> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t 
 
     \t \t \t <div class="vc_single_image-wrapper vc_box_border_grey"><img width="763" height="134" src="http://thenutritioncoachuk.com/24FitClub/wp-content/uploads/2014/12/24FIT_CLUB-landscape.png" class="vc_single_image-img attachment-large" alt="24FIT_CLUB landscape" /></div> 
 
     \t \t </div> 
 
     \t </div> 
 
     \t <div class="wpb_raw_code wpb_content_element wpb_raw_html"> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t <h1>COMPLETELY FREE</h1> 
 
     
 
     \t \t </div> 
 
     \t </div> 
 
     \t <div class="wpb_raw_code wpb_content_element wpb_raw_html"> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t <h2>4 WEEK CHALLENGE </h2> 
 
     \t \t </div> 
 
     \t </div> 
 
     \t <div class="wpb_raw_code wpb_content_element wpb_raw_html"> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t <h3>MONDAY, WEDNESDAY & FRIDAY, 6:30AM & 7PM </h3> 
 
     \t \t </div> 
 
     \t </div> 
 
     \t \t </div> 
 
     \t </div> 
 
     
 
     \t <div class="vc_col-sm-12 vc_col-lg-5 vc_col-md-5 wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t 
 
     \t <div class="wpb_text_column wpb_content_element "> 
 
     \t \t <div class="wpb_wrapper"> 
 
     \t \t \t <div role="form" class="wpcf7" id="wpcf7-f1125-o1" lang="en-US" dir="ltr"> 
 
     <div class="screen-reader-response"></div> 
 
     <form name="" action="insert.php" method="post" class="wpcf7-form" novalidate="novalidate"> 
 
     <div style="display: none;"> 
 
     <input type="hidden" name="_wpcf7" value="1125" /> 
 
     <input type="hidden" name="_wpcf7_version" value="4.2" /> 
 
     <input type="hidden" name="_wpcf7_locale" value="en_US" /> 
 
     <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1125-o1" /> 
 
     <input type="hidden" name="_wpnonce" value="46263cb454" /> 
 
     </div> 
 
     <h4>Sign up to find out when your next 4 week challenge is</h4> 
 
     <p><span class="wpcf7-form-control-wrap yourname"><input type="text" name="yourname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Full Name" /></span> </p> 
 
     <p><span class="wpcf7-form-control-wrap youremail"><input type="email" name="youremail" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Enter your email" /></span> </p> 
 
     <p><span class="wpcf7-form-control-wrap yoursubject"><input type="text" name="yoursubject" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Phone number" /></span></p> 
 
     <p class="wt_form_text">We will never spam you, or sell your email to third parties. All fields are required</p> 
 
     <p><input type="submit" value="Register Now" class="thankyou.php" /></p> 
 
     <div class="wpcf7-response-output wpcf7-display-none"></div></form></div> 
 
     
 
     \t \t </div> 
 
     \t </div> 
 
     \t \t </div> 
 
     \t </div> 
 
     </div></div></div></div><div class="wt-row-container"><div class="vc_row wpb_row vc_row-fluid " > 
 
     \t <div class="vc_col-sm-12 vc_hidden-md vc_hidden-sm vc_hidden-xs wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t <div id="wt_spacer_sc-37804" class="wt_spacer_sc wt_clearboth" style="height:140px; line-height:140px;"></div> 
 
     \t \t </div> 
 
     \t </div> 
 
     </div></div><div class="wt-row-container"><div class="vc_row wpb_row vc_row-fluid " > 
 
     \t <div class="vc_col-sm-12 wpb_column vc_column_container"> 
 
     \t \t <div class="wt_wpb_wrapper clearfix" > 
 
     \t \t \t 
 
     \t \t </div> 
 
     \t </div> 
 
     </div></div> 
 
         </div> 
 
       \t </div> 
 
     \t </div> 
 
     </section>

+0

聽起來像兩個問題。 –

回答

0

針對基於瀏覽器的大小調整圖像大小。確保IMG的大小是相對單位而不是像素尺寸。最常見的相對溶液爲100%設置圖像的最大寬度:

<img src="http://thenutritioncoachuk.com/24FitClub/wp-content/uploads/2015/06/logo24.png" alt="DESCRIPTION" /> 

img { 
    max-width: 100%; 
    height: auto; 
} 

這是爲了實現你在找什麼最簡單的方法。儘管還有其他方法。我看不到任何灰色條?

+0

僅當文件格式爲html並且顯示器大於圖像時纔會顯示灰條。 http://i.imgur.com/GSqn7pe.jpg –

+0

它看起來像背景圖像需要伸展以填充內容區域。看看這個 - http://www.w3schools.com/cssref/css3_pr_background-size.asp – cab

+0

圖像被拉伸以填充該區域。您可以輕鬆看到整個圖像,然後灰色條出現在它上面 –