Okay last update...

I found what browser it is by using an online site that will tell you which you are using and it says I am using Android 4. Also, I dug around in the settings a bit and noticed that the zoom was set to medium by default. Out of curiosity I changed it to far and once I did that the pages load properly with the calendar and blog. They no longer load slightly too big, they load like the rest of the pages do. HOWEVER, if you flip the phone horizontally, with zoom set to far by default, it will load the full version of the site instead of the mobile variant. I have set it back to medium and will just flip the phone horizontally or use my fingers to shrink the screen down going forward.

Also, just to see what would happen I downloaded FireFox and it has the same display issue with the blog and calendar pages. Does the exact same thing as my default browser( i.e. opens the site about 1/3 too big to fit all onscreen ). You have to either flip the phone horizontally or use your fingers and shrink the screen down.

I guess this isn't anything to worry about. I would prefer it display the same as all the other pages do but I guess it all depends on the browser and settings the person has so I am not losing sleep over it. Only so much you can do I guess.

If anyone wants to play around and see if they can duplicate and/or somehow fix the issue here are the two code strings that cause it. Use them on a 480 mobile variant page. Display/placeholder box should be 415 W X 615 H.

<iframe src=http://www.seacoastlc.blogspot.com/ transparency=false width=100% height=100% scrolling=auto frameborder=0 marginheight=0 marginwidth=0></iframe>

<iframe src="https://calendar.google.com/calendar/embed?showPrint=0&amp;showTabs=0&amp;showCalendars =0&amp;mode=AGENDA&amp;height=615&amp;wkst=1&amp;b gcolor=%23FFFFFF&amp;src=mt5l3t2pd2lf2m1likbs9q5k0 0%40group.calendar.google.com&amp;color=%23182C57& amp;ctz=America%2FNew_York" style="border-width:0" width="415" height="615" frameborder="0" scrolling="no"></iframe>