meta name="viewport"

odedta · 08-13-2014, 10:23 AM

PHP Code:


			
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

What are the upsides and downsides to adding this to an epub?
Since it's reflowable, is that meta tag necessary?

JSWolf · 08-13-2014, 12:16 PM

That meta tag won't do anything.

Billi · 08-13-2014, 04:34 PM

As one of the search options of this forum is "Search By Title Only" it perhaps would be helpful to give threads more meaningful names.

dgatwood · 08-15-2014, 01:18 AM

The viewport tag is used by WebKit on iOS. This particular setting should prevent the user from zooming in on the content. For a flowing book, I doubt any EPUB reader would let you do that anyway. So yeah, I'd expect it to have no effect.

Now if you're creating an iBooks fixed layout book, that's a different matter.

odedta · 08-15-2014, 01:59 AM

@dgatwood, yeah, viewport is essential to creating a fixed layout epub. Thanks for the answers everyone!

JSWolf · 08-16-2014, 04:10 PM

It would help to give more information when asking your question. You mentioned nothing about iBooks and fixed layout (it's not ePub).

odedta · 08-16-2014, 11:48 PM

@JSWolf, I wasn't refering initially to ibooks author extension. I was asking a question in general, dgatwood took it in ibooks direction and it's fine since it gave me more info. Basically viewport meta tag is used when you want to create a fixed layout ePub, it has no use for reflowable. Jusr wanted to make sure

Jellby · 08-17-2014, 04:36 AM

JSWolf · 08-17-2014, 09:23 AM

Quote:

Originally Posted by odedta

@JSWolf, I wasn't refering initially to ibooks author extension. I was asking a question in general, dgatwood took it in ibooks direction and it's fine since it gave me more info. Basically viewport meta tag is used when you want to create a fixed layout ePub, it has no use for reflowable. Jusr wanted to make sure

But what iBooks creates is not technically ePub for fixed layout.

odedta · 08-18-2014, 11:08 AM

Quote:

Originally Posted by JSWolf

But what iBooks creates is not technically ePub for fixed layout.

What?

JSWolf · 08-18-2014, 05:08 PM

Quote:

Originally Posted by odedta

What?

Exactly what I said. It's not ePub. It's similar, but not quite. That code won't work with any other reading program.

odedta · 08-19-2014, 07:52 AM

Quote:

Originally Posted by JSWolf

Exactly what I said. It's not ePub. It's similar, but not quite. That code won't work with any other reading program.

You are right, the code I posted will not work as the idpf specs says that the use of the viewport attribute is essential in creating a fixed layout ePub in the form of:

PHP Code:


			
<meta name="viewport" content="width=684, height=1024"/>

and not:

PHP Code:


			
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

Thanks.

JSWolf · 08-19-2014, 04:26 PM

That's Apple and iBooks for you. It's close, but not always close enough and it can be a pain in the butt to get things to work and if you do get things to work, it won't usually work anyplace else.

dgatwood · 08-22-2014, 02:32 AM

Quote:

Originally Posted by odedta

You are right, the code I posted will not work as the idpf specs says that the use of the viewport attribute is essential in creating a fixed layout ePub in the form of:

PHP Code:


			
<meta name="viewport" content="width=684, height=1024"/>

and not:

PHP Code:


			
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

Thanks.

For sure, WebKit (and presumably iBooks) supports viewport height and width attributes. I'd expect other agents to ignore any additional values that they don't understand, but unfortunately, the EPUB specification is really, really lax in defining such behavior, so.... *sigh*

But in any case, those two values are more typically used in full-screen web apps, not books.

For a complete definition of what viewport means to WebKit, see:

https://developer.apple.com/library/...eviewport.html

odedta · 08-22-2014, 04:17 AM

Quote:

Originally Posted by dgatwood

For sure, WebKit (and presumably iBooks) supports viewport height and width attributes. I'd expect other agents to ignore any additional values that they don't understand, but unfortunately, the EPUB specification is really, really lax in defining such behavior, so.... *sigh*

But in any case, those two values are more typically used in full-screen web apps, not books.

For a complete definition of what viewport means to WebKit, see:

https://developer.apple.com/library/...eviewport.html

That is the best viewport explanation I have seen so far! bookmarked!

08-13-2014, 10:23 AM	#1
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	meta name="viewport" PHP Code: `<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />` What are the upsides and downsides to adding this to an epub? Since it's reflowable, is that meta tag necessary? Last edited by odedta; 08-13-2014 at 11:50 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Meta Plugboard Help	paw3pals	Library Management	10	11-19-2012 11:18 PM
Changing the viewport on these files	ralphiedee	ePub	0	06-04-2012 12:45 PM
Please help with Meta-tags	brodymcd	Calibre	1	07-29-2010 06:13 PM
set meta data with ebook-meta and ebook-convert	krischik	Calibre	6	01-19-2010 11:40 AM
Meta info	rambling	Calibre	0	11-26-2008 08:22 PM

08-13-2014, 12:16 PM	#2
JSWolf Resident Curmudgeon Posts: 79,756 Karma: 145864619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	That meta tag won't do anything.

08-13-2014, 04:34 PM	#3
Billi Wizard Posts: 3,388 Karma: 14190103 Join Date: Jun 2009 Location: Berlin Device: Cybook, iRex, PB, Onyx	As one of the search options of this forum is "Search By Title Only" it perhaps would be helpful to give threads more meaningful names.

08-15-2014, 01:18 AM	#4
dgatwood Curmudgeon Posts: 629 Karma: 1623086 Join Date: Jan 2012 Device: iPad, iPhone, Nook Simple Touch	The viewport tag is used by WebKit on iOS. This particular setting should prevent the user from zooming in on the content. For a flowing book, I doubt any EPUB reader would let you do that anyway. So yeah, I'd expect it to have no effect. Now if you're creating an iBooks fixed layout book, that's a different matter.

08-15-2014, 01:59 AM	#5
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	@dgatwood, yeah, viewport is essential to creating a fixed layout epub. Thanks for the answers everyone!

08-16-2014, 04:10 PM	#6
JSWolf Resident Curmudgeon Posts: 79,756 Karma: 145864619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	It would help to give more information when asking your question. You mentioned nothing about iBooks and fixed layout (it's not ePub).

08-16-2014, 11:48 PM	#7
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	@JSWolf, I wasn't refering initially to ibooks author extension. I was asking a question in general, dgatwood took it in ibooks direction and it's fine since it gave me more info. Basically viewport meta tag is used when you want to create a fixed layout ePub, it has no use for reflowable. Jusr wanted to make sure

08-17-2014, 04:36 AM	#8
Jellby frumious Bandersnatch Posts: 7,549 Karma: 19500001 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	<meta> tags are out of the spec, they can contain anything (they are allowed, but have no "meaning"). It is up to the reading application to do something with them, or not. It's quite likely that no application other than iBooks recognizes the viewport meta tag.

08-19-2014, 04:26 PM	#13
JSWolf Resident Curmudgeon Posts: 79,756 Karma: 145864619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	That's Apple and iBooks for you. It's close, but not always close enough and it can be a pain in the butt to get things to work and if you do get things to work, it won't usually work anyplace else.

Advert

Advert