EJS：我怎样才能让我的内容占据整个屏幕（例如宽度：100%）？

Question

so I'm a beginner and I am learning HTML, CSS, JS, EJS, Express and making web apps. Basically, I'm trying to learn full stack. I am currently working on a web app and I'm using EJS as my templating engine as well as static HTML files for the non-dynamic parts of my web app.

I can get the HTML working perfectly in EJS templates, however I'm experiencing issues getting my CSS to work.

I have set up routes for serving static files:

app.set("view options", { layout: false });
app.use(express.static(__dirname + "/public"));

CSS works, seemingly perfectly except for the fact that my content doesn't take up the whole page. It's like the width: 100% property doesn't work, or maybe it does but EJS has certain constraints or something that I do not know about.

Again, I am a beginner and I appreciate any help you can give me.

Answer 1

EJS is just an HTML-template engine, which have no difference from the usual one written by HTML(in the simplest case). So, you should try to find what's wrong in your CSS styles;

Even if you have not configured your node server to give you the correct CSS styles, you can simply write the necessary styles inside the tag in the EJS file itself and check if everything works as expected.

Also, to check why your HTML elements do not look as intended, use the developer console in your browser.