Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Keeping your website the same on every browser and every screen size?

Featured Replies

Put all you markup inside a wrapper div with a fixed width and it should look the same on all broasers, except that you will probably have to scroll sideways in small width windows;

CSS

#wrap { position: relative; width: ??px; margin: 0 auto; } /*to be the total width of all your markup*/

Markup

[

<!doctype html>
<head>...........</head>
<body>
<div id="wrap">
...all markup...
</div>
</body>
</html>

Now, there's a thing...fonts. I've specifically added Calibri on my styles. Looks great. If a visitor hasn't got Calibri, then its just to bad for their experience. It will default to sans-serif, or Times. As fonts go...its sexy. Add a bit of justify and we are talking font porn.

The only way to keep it exactly the same on every browser and every screen size is by using an image. You shouldn't have to aim towards making your site look exactly the same, the design should provide good functionality regardless of minor aesthetic differences, any major ones that do affect functionality can be fixed accordingly to be minor.

......and make sure its mobile friendly.

For the font you could use Google Fonts and then most visitors should be able to see the same font you wish them to see or you can use @font-face in CSS

The only way to keep it exactly the same on every browser and every screen size is by using an image.

 

Quite right.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.