Page 3 of 3 FirstFirst 123
Results 21 to 26 of 26

Thread: Best screen size for web site.

  1. #21
    jammybush is offline Junior Web Sage
    Join Date
    Nov 2013
    Posts
    12

    Default

    Quote Originally Posted by gael View Post
    its 800px by width, its the standard website size and the height can be up to any length,. you need to be particular about the standards coz there are still people who still uses a 14 inch monitor in their home,. You have to be very particular this instances, to better, serve your viewers.

    Thanks gael for the additional info provided. Really useful for me.

  2. #22
    jammybush is offline Junior Web Sage
    Join Date
    Nov 2013
    Posts
    12

    Default

    In my view 800*600 is the best screen size for a website.

  3. #23
    adixehal is offline Newbie
    Join Date
    Dec 2014
    Posts
    8

    Default

    Full size of webpage and screen be 1024x1024, I know.

  4. #24
    Join Date
    Nov 2016
    Posts
    7

    Default

    It's difficult to design a site to look the exact same in every internet browser, platform and screen resolution, so don't bother trying. Rather, use a fluid, tableless layout for your style, with % widths that broaden and contract to fit a visitors browser setting. Style for the 1024x768 setting and also ensure it agreements effectively, or 'transforms gracefully', to the 800x600 setting.

  5. #25
    smithroy is offline Banned
    Join Date
    Nov 2016
    Posts
    9

    Default

    Currently, 1366 x 768 is the most used, followed by a declining percentage of 1024 x 768. This is best website size screen.

  6. #26
    Baby Products is offline Newbie
    Join Date
    Jan 2024
    Posts
    4

    Default

    Selecting the best screen size for a website depends on various factors, including your target audience, the type of content, and the design approach you're taking. In today's web design landscape, creating responsive websites that adapt to various screen sizes is a best practice. Here are some considerations:


    1. Responsive Design:
    - Responsive web design is the practice of creating websites that adjust and look good on different screen sizes and devices, such as desktops, laptops, tablets, and smartphones.
    - It ensures that your website's layout, content, and functionality adapt fluidly to provide an optimal user experience regardless of the screen size.


    2. Mobile-First Approach:
    - Many web designers and developers now prioritize mobile devices when designing websites. This means starting with a mobile-friendly design and then progressively enhancing it for larger screens.
    - This approach caters to the growing number of users who access websites on mobile devices.


    3. Common Breakpoints:
    - While there's no one-size-fits-all answer, some common breakpoints (screen width ranges) are often used in responsive design:
    - Mobile: Under 768 pixels wide
    - Tablet: 768 to 1024 pixels wide
    - Desktop: Over 1024 pixels wide
    - These breakpoints can vary based on design preferences and user data.


    4. User Analytics:
    - Analyze your website's user data to determine the most common screen sizes and devices used by your audience.
    - This data can help you tailor your responsive design to the specific needs and preferences of your users.


    5. Fluid Layouts:
    - Use percentage-based layouts and relative units (e.g., em, rem) for fonts and spacing to create designs that adapt smoothly to different screen sizes.


    6. Testing:
    - Regularly test your website on various devices and screen sizes to ensure that it functions and looks as intended.
    - Consider using browser developer tools or online responsive design testing tools.


    7. Accessibility:
    - Ensure that your website is accessible to users with disabilities. This involves providing options for text resizing and maintaining proper contrast ratios, which benefit users with varying screen sizes and visual impairments.


    8. Progressive Enhancement:
    - Start with a basic, functional design that works on small screens, and then enhance the design and features for larger screens. This ensures that the core content is accessible to all users.


    In summary, there isn't a single "best" screen size for a website in today's context. Instead, focus on creating a responsive design that accommodates a wide range of screen sizes and devices. This approach ensures that your website remains accessible and user-friendly to as many visitors as possible, regardless of the device they are using.

Page 3 of 3 FirstFirst 123

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14