Check out Symmetric Chess, our featured variant for March, 2024.


[ Help | Earliest Comments | Latest Comments ]
[ List All Subjects of Discussion | Create New Subject of Discussion ]
[ List Earliest Comments Only For Pages | Games | Rated Pages | Rated Games | Subjects of Discussion ]

Single Comment

Ultima. Game where each type of piece has a different capturing ability. (8x8, Cells: 64) (Recognized!)[All Comments] [Add Comment or Rating]
🕸📝Fergus Duniho wrote on Fri, Mar 31, 2023 01:04 PM UTC in reply to H. G. Muller from 09:36 AM:

What I'm proposing is a responsive web design fix for browsers that have the issue I have noticed only in the Kindle browser. This should not affect the appearance of the board on desktops, laptops, or most mobile devices. Last night, I posted a @media query that can be used to detect this. It may also be possible to detect it with JavaScript. In this circumstance, it would be appropriate to double the height and width of the spaces. Doubling these dimensions should not make bitmap images look as bad as increasing to some other arbitrary size would. If you have a Kindle, you can see this on the home page, where I have used the @media query I mentioned to double the height and width of the buttons.

However, it is not presently as easy as using a CSS @media query with the Interactive Diagram. Looking at your code with Web Developer Tools in Firefox, I see that you have embedded the width and height of each space into the STYLE element of each TD element of your table. This gives it a higher priority that may be difficult to override from a @media query. If width and height are normally going to be the same for each space, you could put these values in a class, and then allow a @media query to change the values set by the class.