Forum Replies Created
-
AuthorPosts
-
cotten999Member
Hi Marcy thanks again for your help. Most of my charts are over 600px wide, so only a few are prone.
I don't understand formatting to 480px, though.
Today's phones (iPhone 6s, for example), has a display of 1334-by-750-pixel resolution at 326 ppi. These devices are made to display the full web. If I wanted my website to me more mobile friendly, I would built a customized app for it. Google is pushing the "mobile optimization" only to make their placed advertisements viewable on the gazillions of cheap smartphones which have very low resolution screens. Since my pages are 100% ad-free, this is not concern of mine.
I tried to use the @media code and the site on my iPhone looked horrible. Images reduced, but the paragraphs were re-formated to fit a tiny screen like an e-book, plus the tables were crunched together and were totally unreadable (the exact opposite of my original post).
It all comes down to the content, I guess. My sites are informational and contain charts and images and are meant to viewed on a larger screen (or be zoomable).
Thanks again.
cotten999MemberThat is the solution I was looking for!
Thanks!!!
cotten999MemberI forgot to mention. My sites are not "mobile responsive" and deleted the code after "Media Queries" in the CSS. The larger tables looked horrendous when reduced to 360px.
Re-formatting a site to fit mobile screen is a step backwards (BlackBerry's baby web). Today's high end mobile devices render desktop sites beautifully in landscape mode. I don't care if a person who uses a flip phone can't see the site correctly.
Back to topic, I'm not a coder, so if I understand correctly, all I have to do is add (change) the code for each table to reflect the max size as shown below and not touch the CSS.
<table style="max-width: 280px;" border=”0″>
Is that correct?
Thanks again for all your help.
cotten999MemberThank you, Marcy. That is a good solution, however I have several tables on the same page with varying sizes..
What would happen if I simply deleted the following?
table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }
Thanks
-
AuthorPosts