Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-04-2013, 08:52 AM
RichestGirl's Avatar
RichestGirl RichestGirl is offline
Contributing Member
 
Join Date: 12-03-08
Posts: 59
iTrader: 0 / 0%
Need Help on layout break point based on actual screen size.

Hi,

This is about responsive layout design.

I am using percentage based layout only so it fits to most resolutions.
But I need break out of layout on same pixel resolution on different devices.

Let me explain in other words with example.
I need only one column in my layout while it is viewed in 1024px wide Galaxy Tab and I need 2 columns in my layout while it is viewed in 1024px wide computer screen.

Actually screen size of 1024 wide Tab(about 7") and computer (about 14") is different.

Kindly advise.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 10-22-2013, 04:13 AM
.3rok3n .3rok3n is offline
Junior Member
 
Join Date: 03-19-10
Location: system32
Posts: 22
iTrader: 0 / 0%
for that purpose, you need to use min-width and min-height for those particular break points.
 
Reply With Quote
  #3  
Old 10-23-2013, 07:34 AM
chillfire's Avatar
chillfire chillfire is offline
Contributing Member
 
Join Date: 10-26-06
Location: Surrey/London UK
Posts: 192
iTrader: 0 / 0%
I would have a look in to media queries, I think these may be the best bet, you might be able to add rules in to float the content in column A (which is actually 2 different columns B & C) differently depending on the client resolutions

Good to remind people that there is no such thing as an 'inch' when it comes to device resolution.
By this I mean that 1" on my 19" (1024x76 screen is going to to give me a different number of pixels than on my iPad (1024x76 9.7" screen.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Do You Know Your Company’s Break Even Point? HTMLBasicTutor Online Business Forum 2 10-03-2012 04:55 AM
webpage self adjusts to match screen size? mljohn Coding Forum 3 09-04-2009 07:27 PM
Getting Body Background to Adjust to Screen Size/resolution hbixler03 Coding Forum 5 03-16-2008 08:39 AM
How do I make an image size relative to screen resolution? CountryNaturals Coding Forum 10 10-22-2007 07:13 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:04 PM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC