J'essaie de créer mon premier site Web et je suis ajouté du contenu, cependant, lorsque l'écran est réduit à celui d'une tablette ou d'une taille d'écran mobile, elle ne diminue pas correctement et laisse tout ce qui est désorganisé. Je n'ai pas utilisé la grille CSS et je ne sais pas si cela causait le problème. J'ai également développé le site Web pour le bureau à l'esprit et j'ai vu que de nombreuses personnes se développent pour mobiles, puis ajustant les tailles pour les plus grands écrans. Toute aide serait grandement appréciée! Merci!
p>
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NFL News</title> <link rel="icon" type="image/png" href="nfl.png"> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font- awesome/4.7.0/css/font-awesome.min.css"> </head> <header><img border="0" alt="NFL Logo" src="nfl.png" width="80" height="80" align="left">NFL FANSITE <img border="0" alt="NFL Logo" src="nfl.png" width="80" height="80" align="right"></header> <body class="grid"> <div id="wrapper"></div> <div class="menu" id="menu-toggle">MENU</div> <nav id="menu-nav"> <a href="index.html">HOME</a> <a href="news.html">NEWS</a> <a href="teamhistory.html">TEAM HISTORY</a> <a href="#">DISCUSSIONS</a> <a href="gallery.html">GALLERY</a> </nav> <div class="animation2"> <a href="https://www.footballamerica.co.uk/en/"><img class="footballamerica" src="footballamerica.jpg" alt="Link to the football america website"/></a> </div> <a href="https://www.facebook.com/NFL/" class="fa fa-facebook"</a> <a href="https://twitter.com/NFL? ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" class="fa fa- twitter"></a> <a href="https://www.youtube.com/user/NFL" class="fa fa-youtube"></a> <a href="https://www.instagram.com/nfl/?hl=en" class="fa fa-instagram"></a> <main> <h1> NFL News </h1> <h3> Vance Joseph Fired </h3> <img class="vance" alt="Picture of developers" src="Vance.jpg"> <iframe class="vancevideo" src="https://www.youtube.com/embed/nny6aUi4lg8" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- picture" allowfullscreen></iframe> </iframe> <div class="news1"> John Elway has fired Vance Joseph after two consecutive season losses without any playoff chances. The 2017 season that Vance Joseph first coached ended in a 5-11 record for the Denver Broncos and the 2018 season ending with a 6-10 record. Before the period of Vance Joseph as head coach, Gary Kubiak had led the Broncos to a SuperBowl victory in 2015 against the Panthers. In an interview John Elway said "I spoke with Vance this morning and thanked him for all of his hard work as our head coach". Elway also said that "Vance made a lot of strides and deserves credit for how hard and competitively the team played this season". Many of the fans of the Broncos were very unhappy, especially towards the back-end of the 2018 season because of the downward spiral that happened after the first few weeks of the season and also because of the lack of competitiveness in important games. Vance Joseph still expressed how appriciative he was for his opportunity in Denver by saying "I want to thank John Elway, Joe Ellis and the organisation for the opportunity to serve as the head coach of the Denver Broncos" and "It's disappointing not being able to finish what we started, but I'm incredibly proud of the players and coaches for how they fought and worked every week". </div> <br> <br> <br> <br> <h3> SuperBowl Odds </h3> <img class="superbowl" alt="superbowl image" src="SuperBowl.jpg"> <iframe class="superbowlvid" src="https://www.youtube.com/embed/sog0CFGH-_4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- picture" allowfullscreen> </iframe> <br> Clearly with the NFL, anything can happen, however it is interesting to look at the predictions that people have made about the playoffs and who will ultimately win the SuperBowl. Many sources are labelling the New Orleans Saints as having the highest chance of winning the Super Bowl with PaddyPower, Bet365, WilliamHill and Betfair all posted 13/5 odds on this happening. Next, with no surprises, is the Kansas City Chiefs who have 9/2 odds on Bet365, Ladbrokes, WilliamHill and Betfair. It is not surprising that these two teams are the top two in this situation due to how impressive their seasons have been so far this year. Closely matching or following the Chiefs are the Rams who have the same odds of 9/2 on Bet365, BetVictor and Boyle Sports, however they also have some 11/2 odds on betting sites such as SkyBet, WilliamHill and 10Bet which makes us think that their chances aren't just as great as the Chiefs. Finally in the 4th position is the New England Patriots who have 6/1's on the likes of WilliamHill, Betfair, PaddyPower and Betway to name a few. The New England Patriots are always great contenders in the playoffs and always seem to be a team that can clutch victories in important situations. The video displayed here, shows the NFL's predictions of the probability of some of the different teams chances of winning the Super Bowl. They go as follows: New Orleans Saints - 17.1% | Los Angeles Rams - 11.4% | Chicago Bears - 10.3% | Baltimore Ravens - 6.8% | Dallas Cowboys - 6.0%. Either way, this year in the NFL has been very unpredictable so any of the teams that have reached the playoffs are viable to be Super Bowl 2019 winners. <br> <br> <br> </main> <script src="js/scripts.js"></script> </body> </html>
3 Réponses :
Pour fixer le style sur des périphériques plus petits ou en réalité une taille de l'écran de périphérique, utilisez simplement simplement: ou Il y a aussi une bibliothèque vraiment utile appelée bootstrap pour créer des sites sites réactifs
Vérifiez-le: [URL] J'espère que vous trouverez cette utile Meilleures salutations, khaled.
Merci pour l'aide!
première chose qui m'a coincé, c'est que le conteneur News11 DIV a une largeur de fixation de Remplacement de celui-ci avec une unité plus relative comme 90% ou tout ce qui est préférable d'éviter tout problème, je vais deviner.
Merci pour votre réponse
Pourquoi y a-t-il un bowvote ici? On se sent comme si je suis le seul à avoir ciblé un problème précis.
Vous devez utiliser des requêtes multimédia, peut-être que cela sera utile https: //www.w3schools .COM / CSS / CSS_RWD_MEDIAQUERIES.ASP
Merci pour l'aide!
Avez-vous essayé d'utiliser Bootstrap?
Bienvenue! Je pense que vous pourriez essayer de formater votre question un peu plus claire. Fournissez un extrait de code ou un lien vers un Codepen Jsfiddle, etc. Pour que les gens essaient d'aider peuvent mieux gâcher votre code.