Welcome to Geeklog, Anonymous Wednesday, April 24 2024 @ 02:47 pm EDT
Geeklog Forums
geeklog on iphone
phyre
Anonymous
My site 75160.com looks fine on a computer but on my iphone everything is shifted way to the right.
Any ideas why or how I can fix?
Any ideas why or how I can fix?
1
2
Quote
Status: offline
suprsidr
Forum User
Full Member
Registered: 12/29/04
Posts: 555
Location:Champaign, Illinois
You need to adjust your styles for the presentation those devices impose.
Taking a lessen from the HTML5 Boilerplate:
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
-s
FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
Taking a lessen from the HTML5 Boilerplate:
Text Formatted Code
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
-s
FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
2
1
Quote
phyre
Anonymous
Problem solved. My logo.png image was too wide and I was using a "width=" tag in the header.thtml
Fixed by resizing the logo.png to less than 600 pixels wide.
Fixed by resizing the logo.png to less than 600 pixels wide.
2
2
Quote
All times are EDT. The time is now 02:47 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content