>>>>HI,
>>>>
>>>>I am testing an email that has HTML built on Bootstrap sent and received to/by my iPhone.
>>>>
>>>>What I notice is that initially, the letters/fonts appear small. Then I turn the iPhone 90 degrees (place it it horizontally); then turn back to vertical position. Now (after the turn) the font appear larger (desired effect).
>>>>
>>>>Could anyone see/suggest why? Why not the fonts are "large" to begin with?
>>>
>>>Try to add this line into the head of your page:
>>>
<meta name="viewport" content="width=device-width, initial-scale=1">
>>>
>>>That should tell the browser that you're handling the sizes in css and wherever, and it shouldn't try to outsmart you.
>>
>>I have a meta line in my code, exactly matching your suggestion.
>
>So the outsmarting goes on... I've learned this a few years ago, and in this game of mice and cats, it seems the mice won this round.
I may have found the problem. My HTML did not have Bootstrap js. I thought I only needed the stylesheet. I added the Bootstrap js and, at least, in one place the text-center class works. I will keep testing.
Thank you!
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham