Member Avatar for shasha821110

Hi, all
i am new on Web Development.
I know there have a lot of articles about this subject on internet. But just want to ask for some experts in DANIWEB. What's their feeling and tips after many years web developing.

Now i feel like: My biggest problem is the difference showing between browsers. As a beginner, i want to ask is there have any way i could avoid this problem??

Thanks and BOW.

  • 3 Contributors
  • 3 Replies
  • 91 Views
  • 19 Hours Discussion Span
  • Latest Post Latest Post by webcatalyst.org

Dani AI

Generated

Short, practical follow-up to the ideas already raised by , and . Exact pixel parity across every browser and device is a losing battle; aim instead for reliable structure, readable content, and predictable behavior. The suggestions below add modern, actionable techniques that complement the original replies.

Design and code practices: adopt a mobile‑first, responsive approach and build layouts with Flexbox or Grid while using feature queries (@supports) for graceful fallbacks. Use relative and viewport units (for example rem, vw) and set box-sizing: border-box to simplify sizing. Normalize browser defaults with a small reset to reduce quirks, keep HTML semantic for consistent rendering and accessibility, and apply progressive enhancement so core content works without JavaScript. For images use srcset/picture and lazy loading; serve compressed images and modern formats when possible. Prefer system font stacks or use font-display: swap for webfonts so text remains usable while fonts load.

Testing and workflow: test on real devices and with browser devtools, include automated cross‑browser checks in your build pipeline, and use feature detection with targeted polyfills rather than blanket hacks. Keep interactions simple, measure performance (load time matters), and follow accessibility guidance (WCAG) so sites work more consistently for everyone. For fundamentals on responsive layout see the MDN guide on responsive design (https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) and W3C accessibility guidance (https://www.w3.org/WAI/standards-guidelines/wcag/).

Recommended Answers

All 3 Replies

Member Avatar for almostbob

simply No
more complex No, but

No you cant avoid some differences http://www.browsershots.org will show you just how different the views of any page are in the different browser screen OS machine combinations there are
If you code to standards your site will look similar enough to be recognizably yours
but look the same on everything from a 2inch blackberry to a 42inch display, Cant happen

My only thing(pet hate, bitch, etc) no fixed sizes, pixel are for pictures, everything else in % or ems, so that the layout adjusts to screen & window sizes and flows.

Google for good design, not search them, look at Google design, plain simple balnk page that just works. No flash, no music, no 55 images, KIS

Member Avatar for shasha821110

Thanks fro sharing.

So we could say tips about:
size, pictures, flash, javascript, videos, menus, texts, etc.
Anyone have any good ideas, please share with me.
Thanks and BOW.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.